﻿/*******************************  this template common css ************************
 *
 * 这里放置商城前台页面可以重复使用的代码
 *
 */

.input {
    height: 30px;
    line-height: 30px;
    border: 1px #ccc solid;
    text-indent: 5px;
}

/* location */
.location{color:#999; padding:15px 0;  font-size: 14px;}
.location span {color: #666;font-family:simsun;margin:0; }
.location a { padding:4px 5px; font-size: 14px;}

/* btns of order */
.btn-order {
    height: 33px;
    line-height: 33px;
    margin-left: 5px;
}

.btn-order-click {
    margin: 0 3px;
    padding-left: 10px;
    padding-right: 25px;
    height: 32px;
    position: relative;
    float: left;
    border-left: 0;
}

.default-sort {
    padding-right: 15px;
    font-weight: bold;
}

.btn-order-click b {
    background: url(../images/down.png) no-repeat 3px 3px;
    background-size: 90%;
    top: 5px;
    right: 5px;
    overflow: hidden;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
}

.order-up-gray b,
.order-up b {
    top: 9px;
    right: 2px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.btn-order-click:hover,
.btn-order-cur {
    color: #E4393C;
    text-decoration: none;
    background: #F1EDEC;
    border-radius: 4px;
}

.btn-order-click:hover b,
.btn-order-cur b {
    color: #E4393C;
    background: url(../images/down-red.png) no-repeat 3px 3px;
    background-size: 90%;
}


/*******************************  this template common css --------- end ************************/


/********************************* widgets fields *****************************************************************
 *
 * 这里是放置挂件样式的区域
 *
 */


/*widget frame*/

#page-home {
    font-family: 'yahei';
}

#page-home a {
    text-decoration: none;
}


/*下面这个是移动到图片时 图片会渐变 色度会被调低*/

#page-home .transform:hover {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}


/*下面这个是移动到图片时 图片想左移动  和下面那个搭配使用*/

.slide-lr-info:hover .slide-lr-img {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
}


/*下面这个是处理图片移动到时 给出缓慢的效果*/

.slide-lr-img {
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: -webkit-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s;
}


/*图片移动时慢3秒*/

#page-home .transition-3s {
    -o-transition: right .3s;
    -moz-transition: right .3s;
    -webkit-transition: right .3s;
    -ms-transition: right .3s;
    transition: right .3s;
}

#page-home .transition img {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    -moz-transition: transform .4s ease, -moz-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease
}

#page-home .transition:hover img {
    -webkit-transform: translate3d(-5px, 0, 0);
    -moz-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
}

#page-home .col-1 {
    height: 500px;
}

#page-home .col-2 .account {
    width: 200px;
    height: 440px;
    margin-top: -470px;
    z-index: 99;
    position: relative;
    background: #f5f5f5;
}

.account .user-info {
    width: 200px;
    height: 158px;
    padding-top: 5px;
}

.account .user-info .avata-pic {
    width: 70px;
    height: 70px;
    text-align: center;
    overflow: hidden;
    border-radius: 50%;
    margin: 10px auto 5px;
}

.account .user-info .avata-pic img {
    width: 70px;
    height: 70px;
}

.account .hello {
    width: 150px;
    height: 75px;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
}

.account .hello .he-tit {
    display: block;
    color: #333;
    line-height: 25px;
    margin-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.account .hello a {
    display: block;
    float: left;
    width: 68px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border: 1px solid #333;
}

.account .hello .login-btn {
    margin-right: 10px;
}

.account .hello .regist-btn {
    border: 1px solid #f42424;
    color: #f42424;
}

.account .hello .login-btn:hover {
    border: 1px solid #f42424;
    color: #f42424;
}

.account .index-notice {
    height: 114px;
    overflow: hidden;
}

.account .index-notice .no-tit {
    height: 24px;
    line-height: 24px;
    background: #eee;
    font-weight: 800;
    padding-left: 18px;
}

.account .no-tit .tab-head-item {
    height: 14px;
    line-height: 14px;
    margin: 5px 0;
    float: left;
    display: block;
}

.account .no-tit .tab-head-item.on {
    color: #f42424;
}

.account .no-tit .bor-1 {
    border-right: 1px solid #ccc;
    margin-right: 12px;
    padding-right: 12px;
}

.account .index-notice .no-con {
    margin: 10px 18px;
    line-height: 22px;
    height: 70px;
    overflow: hidden;
    color: #555;
}

.account .index-notice .no-con li {
    width: 164px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.account .quick .kj-tit {
    height: 24px;
    line-height: 24px;
    background: #eee;
    font-weight: 800;
    padding-left: 18px;
    color: #666;
}

.account .quick .kj-con {
    padding: 0 9px;
    overflow: hidden;
}

.account .quick .kj-con .kj-item {
    float: left;
    width: 60px;
    height: 60px;
    text-align: center;
    padding-bottom: 9px;
}

.account .quick .kj-con .bor-r {
    border-right: 1px solid #eee;
}

.account .quick .kj-con .bor-b {
    border-bottom: 1px solid #eee;
}

.account .quick .kj-con .kj-item .i-con {
    display: inline-block;
    width: 18px;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    margin: 10px 21px 5px 21px;
}

.account .quick .kj-con .kj-itemn span {
    display: block;
}

.account .quick .kj-con .kj-item .icon-1 {
    background: url(../images/caticon/liulan.png) no-repeat;
    background-size: 18px 18px;
}

.account .quick .kj-con .kj-item:hover .icon-1 {
    background: url(../images/caticon/liulan2.png);
    background-size: 18px 18px;
}

.account .quick .kj-con .kj-item .icon-2 {
    background: url(../images/caticon/shoucang.png) no-repeat;
    background-size: 18px 18px;
}

.account .quick .kj-con .kj-item:hover .icon-2 {
    background: url(../images/caticon/shoucang2.png);
    background-size: 18px 18px;
}

.account .quick .kj-con .kj-item .icon-3 {
    background: url(../images/caticon/dingdan.png) no-repeat;
    background-size: 18px 18px;
}

.account .quick .kj-con .kj-item:hover .icon-3 {
    background: url(../images/caticon/dingdan2.png);
    background-size: 18px 18px;
}

.account .quick .kj-con .kj-item .icon-4 {
    background: url(../images/caticon/anquan.png) no-repeat;
    background-size: 18px 18px;
}

.account .quick .kj-con .kj-item:hover .icon-4 {
    background: url(../images/caticon/anquan2.png);
    background-size: 18px 18px;
}

.account .quick .kj-con .kj-item .icon-5 {
    background: url(../images/caticon/fenxiang.png) no-repeat;
    background-size: 18px 18px;
}

.account .quick .kj-con .kj-item:hover .icon-5 {
    background: url(../images/caticon/fenxiang2.png);
    background-size: 18px 18px;
}

.account .quick .kj-con .kj-item .icon-6 {
    background: url(../images/caticon/ruzhu.png) no-repeat;
    background-size: 18px 18px;
}

.account .quick .kj-con .kj-item:hover .icon-6 {
    background: url(../images/caticon/ruzhu2.png);
    background-size: 18px 18px;
}


/* page-home */

#page-home .left_side_top_side {
    width: 990px;
}

#page-home .left_side_top_side_right_side {
    width: 780px;
    height: 513px;
    overflow: hidden
}


/* full-slides */

.full-slides {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
}

.full-slides li {
    display: block;
    width: 100%;
    height: 500px;
}

.full-slides .nav-box {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
    z-index: 99;
    text-align: center;
}

.full-slides .hd a {
    width: 10px;
    height: 10px;
    border: 2px #fff solid;
    border-radius: 10px;
    display: inline-block;
    margin-right: 5px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    background: #fff;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.full-slides .hd a:hover,
.full-slides .hd .ks-active {
    background: #e23435;
    color: #fff;
    text-decoration: none;
}

.full-slides .bd .benner-width {
    display: inline-block
}

.seckill-channel .seckill {
    height: 50px;
    background: #f42424;
    position: relative;
    padding-left: 450px;
}

.seckill-channel .seckill .se-icon {
    width: 63px;
    height: 31px;
    background: url(../images/caticon/seckill.png) no-repeat;
    float: left;
    margin: 9px 15px 0 0
}

.seckill-channel .seckill .sk-time-cd {
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding: 10px 0;
    float: left;
    width: 300px;
}

.seckill-channel .seckill .sk-cd-tit {
    float: left;
    margin-right: 6px;
    font-size: 14px;
}

.seckill-channel .seckill .cd-time {
    font-size: 14px;
}

.seckill-channel .seckill .cd-time span {
    min-width: 24px;
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    font-size: 21px;
    color: #fff;
    background-color: #333;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    position: relative;
    display: inline-block;
    margin: 0 5px;
    text-align: center;
}

.seckill-channel .seckill .sk-more {
    height: 30px;
    line-height: 30px;
    padding: 10px 25px;
    float: right;
}

.seckill-channel .seckill .sk-more a {
    float: left;
    color: #fff;
    font-size: 14px;
}

.seckill-channel .seckill .sk-more .arrow {
    background: url(../images/caticon/right_arrow.png) no-repeat;
    width: 15px;
    height: 16px;
    float: left;
    margin-top: 7px;
    margin-left: 10px;
}

.seckill-channel .seckill-goods {
    height: 330px;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

.seckill-channel .seckill-goods li {
    width: 232px;
    margin-right: 10px;
    float: left;
    height: 330px;
}

.seckill-channel .seckill-goods li:hover .p-img {
    opacity: .7;
    selector: alpha(opacity=70);
}

.seckill-channel .seckill-goods .p-img {
    width: 232px;
    height: 232px;
    display: block;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}

.seckill-channel .seckill-goods .p-img img {
    width: 100%;
    height: 100%;
}

.seckill-channel .seckill-goods .p-name {
    height: 38px;
    line-height: 38px;
    width: 100%;
    font-size: 14px;
}

.seckill-channel .seckill-goods .p-name a {
    color: #333;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.seckill-channel .seckill-goods .p-name a:hover {
    color: red;
}

.seckill-channel .seckill-goods .p-over {
    position: relative;
    height: 60px;
    width: 100%;
}

.seckill-channel .p-info {
    width: 86px;
    height: 0;
    border-top: 60px solid #eee;
    border-right: transparent 60px solid;
    position: absolute;
    left: 0;
    border-left: 0;
}

.seckill-channel .p-info .p-price {
    float: left;
    width: 145px;
    height: 42px;
    padding-top: 12px;
    position: absolute;
    top: -60px;
}

.seckill-channel .p-info .shop-price {
    display: block;
    padding-left: 16px;
    color: #f42424;
    line-height: 20px;
    font-size: 18px;
}

.seckill-channel .p-info .original-price {
    display: block;
    padding-left: 16px;
    text-decoration: line-through;
    color: #999;
    line-height: 20px;
    font-size: 12px;
}

.seckill-channel .p-btn {
    width: 86px;
    height: 0;
    border-top: none;
    border-left: transparent 60px solid;
    border-bottom: 60px solid #f42424;
    position: absolute;
    right: 0;
    border-right: 0;
}

.seckill-channel .p-btn:hover {
    border-bottom-color: #e12323;
}

.seckill-channel .p-btn a {
    width: 76px;
    height: 60px;
    line-height: 60px;
    display: block;
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
}

.seckill-channel .seckill-goods .prev {
    width: 30px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -35px;
    background: rgba(0, 0, 0, .3);
    z-index: 2;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    display: none;
    cursor: pointer;
    transition: all .6s;
    filter: alpha(opacity=0);
    -webkit-transition: all .6s;
}

.seckill-channel .seckill-goods .prev .icon-left {
    background: url(../images/caticon/xiangzuo.png) no-repeat;
    display: inline-block;
    margin-top: 17px;
    width: 30px;
    height: 35px;
}

.seckill-channel .seckill-goods .next {
    width: 30px;
    height: 70px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -35px;
    background: rgba(0, 0, 0, .3);
    z-index: 2;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    display: none;
    cursor: pointer;
    transition: all .6s;
    filter: alpha(opacity=0);
    -webkit-transition: all .6s;
}

.seckill-channel .seckill-goods .next .icon-right {
    background: url(../images/caticon/xiangyou.png) no-repeat;
    display: inline-block;
    margin-top: 17px;
    width: 30px;
    height: 35px;
}

.seckill-channel .seckill-goods:hover .prev,
.seckill-channel .seckill-goods:hover .next {
    display: block;
}

.seckill-channel .seckill-goods .prev:hover,
.seckill-channel .seckill-goods .next:hover {
    background: rgba(0, 0, 0, .5)
}

.seckill-channel .seckill-goods .prev.prevStop {
    display: none
}

.seckill-channel .seckill-goods .next.nextStop {
    display: none
}

.need-channel .channel-column {
    width: 232px;
    height: 330px;
    margin-right: 10px;
    text-align: center;
    position: relative;
    float: left;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
}

.need-channel .style-default {
    background: url(../images/caticon/1494984987302153402.jpg) no-repeat;
}

.need-channel .channel-column .column-title {
    color: #fff;
    overflow: hidden;
    height: 82px;
}

.need-channel .channel-column .column-title h3 {
    font-size: 24px;
    font-weight: 400;
    margin-top: 25px;
    height: 36px;
    line-height: 36px;
}

.need-channel .channel-column .column-title p {
    font-size: 14px;
}

.need-channel .channel-column .column-img {
    width: 155px;
    height: 155px;
    margin: 20px auto 0;
}

.need-channel .channel-column .column-img img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    -webkit-transition: all .6s;
    transition: all .6s;
}

.need-channel .channel-column .column-btn {
    display: block;
    width: 140px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
    background-color: #fff;
    position: absolute;
    bottom: 17px;
    left: 46px;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.need-channel .channel-column .column-btn:hover {
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.need-channel .style-mi {
    background: url(../images/caticon/1494984987302153402.jpg) no-repeat;
}

.need-channel .style-danh {
    background: url(../images/caticon/1494984989930757668.jpg) no-repeat;
}

.need-channel .style-huang {
    background: url(../images/caticon/1494984989391013089.jpg) no-repeat;
}

.need-channel .style-zi {
    background: url(../images/caticon/1494984987606903394.jpg) no-repeat;
}

.need-channel .style-danzi {
    background: url(../images/caticon/1494984990175755536.jpg) no-repeat;
}

.brand-channel .brand-adv {
    width: 474px;
    height: 177px;
    float: left;
    overflow: hidden;
    margin-right: 10px;
}

.brand-channel .brand-adv img {
    height: 177px;
    width: 484px;
}

.brand-channel .brand-list {
    float: left;
    width: 716px;
    position: relative;
    overflow: hidden;
    margin: 0;
    background: #fff;
    height: 177px;
}

.brand-channel .brand-list ul {
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
}

.brand-channel .brand-list li {
    width: 119px;
    height: 58px;
    float: left;
    overflow: hidden;
    text-align: center;
    cursor: default;
    display: block;
    border-bottom: 1px solid #f5f5f5;
}

.brand-channel .brand-list .brand-img {
    width: 118px;
    height: 57px;
    margin: 0 auto;
    background: #fff;
    border-right: 1px solid #f5f5f5;
}

.brand-channel .brand-list .brand-img.mr-0 {
    border-right: 0;
}

.brand-channel .brand-list .brand-img a {
    width: 118px;
    height: 58px;
    vertical-align: middle;
    display: table-cell;
}

.brand-channel .brand-list .brand-img a img {
    width: 100px;
    height: 50px;
    vertical-align: middle;
}

.clothing .cl-title {
    width: 100%;
    height: 58px;
    color: #fff;
    position: relative;
}

.clothing .cl-title .cl-tie {
    font-size: 21px;
    padding-left: 25px;
    line-height: 58px;
    float: left;
}

.clothing .cl-title .cl-tags {
    float: right;
    padding-right: 5px;
}

.clothing .cl-title .cl-tags li {
    width: 98px;
    height: 28px;
    line-height: 28px;
    float: left;
    font-size: 14px;
    background-color: rgba(255, 255, 255, .1);
    text-align: center;
    position: relative;
    cursor: pointer;
    margin: 14px 10px 14px 0;
    border: 1px solid rgba(255, 255, 255, .5);
}

.clothing .cl-title .cl-tags li .arrowImg {
    position: absolute;
    left: -1px;
    bottom: -6px;
    display: none;
    width: 100px;
    height: 6px;
    background: url(../images/caticon/arrowImg.png) no-repeat;
}

.clothing .cl-title .cl-tags li.on {
    border-bottom: 0;
}

.clothing .cl-title .cl-tags li.on .arrowImg {
    display: block;
}

.clothing .cl-content {
    margin-top: 10px;
    overflow: hidden;
    height: 570px;
    background: #fff;
}

.clothing .cl-content .con-left {
    height: 100%;
    width: 475px;
    float: left;
}

.clothing .con-left .con-left-slide {
    width: 232px;
    height: 100%;
    float: left;
    position: relative;
}

.clothing .con-left .con-left-slide img {
    height: 570px;
    width: 232px;
}

.clothing .con-left .hd {
    position: absolute;
    bottom: 10px;
    width: 100%;
    height: 12px;
    font-size: 0;
    text-align: center;
}

.clothing .con-left .hd li {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #a0a0a0;
    margin-right: 5px;
    cursor: pointer;
}

.clothing .con-left .hd li.on {
    background: #fff;
}

.clothing .con-left .con-left-adv {
    float: left;
    margin-left: 10px;
    width: 232px
}

.clothing .con-left .con-left-adv a {
    display: block;
    width: 232px;
    height: 280px;
}

.clothing .con-left .con-left-adv img {
    width: 232px;
    height: 280px;
}

.clothing .con-right {
    width: 715px;
    height: 100%;
    float: right;
}

.clothing .con-right ul {
    height: 570px;
}

.clothing .con-right .con-upload {
    float: left;
    position: relative;
    width: 231px;
    height: 280px;
    margin-right: 10px;
}

.clothing .con-upload .title {
    font-size: 16px;
    position: absolute;
    line-height: 18px;
    z-index: 2;
    left: 25px;
    top: 20px;
}

.clothing .con-upload .title h3 {
    color: #555;
    font-size: 16px;
    padding-bottom: 5px;
}

.clothing .con-upload .title span {
    color: #d84566;
}

.clothing .con-upload img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 232px;
    height: 280px;
    -o-transition: right .3s;
    -moz-transition: right .3s;
    -webkit-transition: right .3s;
    -ms-transition: right .3s;
    transition: right .3s;
    display: inline-block;
}

.clothing .con-upload:hover img {
    right: 5px;
}

.clothing .con-right .con-item {
    width: 232px;
    height: 280px;
    float: left;
}

.clothing .con-item .c-img {
    width: 200px;
    height: 200px;
    margin: 0 16px;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}

.clothing .con-item .c-img img {
    width: 200px;
    height: 200px;
}

.clothing .con-item:hover .c-img {
    opacity: .7;
}

.clothing .con-item .c-name {
    margin: 10px 16px 0 16px;
    text-align: left;
    width: 200px;
    overflow: hidden;
    height: 36px;
    word-break: break-all
}

.clothing .con-item .c-name a {
    font-size: 14px;
    overflow: hidden;
    display: block;
}

.clothing .con-item .c-price {
    margin: 10px 16px 0 16px;
    width: 200px;
    overflow: hidden;
}

.clothing .con-item .c-price del {
    color: #999;
    float: left;
    font-size: 13px;
}

.clothing .con-item .c-price p {
    color: red;
    float: right;
    font-size: 14px;
}


/* 下面这个是风格颜色的筛选*/

.clothing .style-kafei .cl-title {
    background: #D2691E;
}

.clothing .style-kafei .con-upload .title span {
    color: #D2691E
}

.clothing .style-cheng .cl-title {
    background: #FF8040;
}

.clothing .style-cheng .con-upload .title span {
    color: #FF8040
}

.clothing .style-qing .cl-title {
    background: #05d7a8;
}

.clothing .style-qing .con-upload .title span {
    color: #05d7a8
}

.clothing .style-danzi .cl-title {
    background: #963759;
}

.clothing .style-danzi .con-upload .title span {
    color: #963759
}

.clothing .style-danh .cl-title {
    background: #d84566;
}

.clothing .style-danh .con-upload .title span {
    color: #d84566
}

.clothing .style-lan .cl-title {
    background: #71cfff;
}

.clothing .style-lan .con-upload .title span {
    color: #71cfff
}

.clothing .style-tao .cl-title {
    background: #FFDAB9;
}

.clothing .style-tao .con-upload .title span {
    color: #FFDAB9
}

.clothing .style-qianlan .cl-title {
    background: #978dfb;
}

.clothing .style-qianlan .con-upload .title span {
    color: #978dfb
}

.clothing .style-fenhong .cl-title {
    background: #FFC0CB;
}

.clothing .style-fenhong .con-upload .title span {
    color: #FFC0CB
}


/* 下面这个代码的框架是和clothing一样的 只是在大框新增了一个名称来重新定义样式  有某个部分不同*/

.electrical .con-left .con-left-slide {
    width: 474px;
    height: 280px;
    position: relative;
    float: left;
}

.electrical .con-left .con-left-slide img {
    width: 474px;
    height: 280px;
}

.electrical .cl-title {
    background: #ec7546;
}

.electrical .con-upload .title span {
    color: #ec7546;
}

.electrical .con-left .s-tit {
    position: absolute;
    bottom: 10px;
    width: 100%;
    height: 12px;
    font-size: 0;
    text-align: center;
}

.electrical .con-left .s-tit li {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #a0a0a0;
    margin-right: 5px;
    cursor: pointer;
}

.electrical .con-left .s-tit li.on {
    background: #fff;
}

.electrical .con-left .con-adv {
    margin-top: 10px;
    width: 100%;
    float: left;
}

.electrical .con-left .con-adv a {
    display: block;
    width: 232px;
    height: 280px;
    float: left;
}

.electrical .con-left .con-adv img {
    width: 232px;
    height: 280px;
}

.electrical .cl-title .cl-dec {
    background-position: -45px -1px;
}

.fl-brand {
    height: 60px;
    overflow: hidden;
    background: #fff;
}

.fl-brand .item {
    width: 120px;
    height: 58px;
    position: relative;
    float: left;
    text-align: center;
}

.fl-brand .item .img {
    width: 120px;
    height: 58px;
    display: table-cell;
    vertical-align: middle;
}

.fl-brand .item b {
    height: 30px;
    width: 1px;
    position: absolute;
    top: 15px;
    right: 1px;
    background: #E9E9E9;
    z-index: 9;
}

.master {
    margin: 30px 0;
}

.ftit {
    padding: 0 0 20px;
    height: 35px;
    line-height: 33px;
    font-size: 21px;
    background: url(../images/caticon/dian-ico.png) repeat-x 0 18px;
    overflow: hidden;
    text-align: center;
}

.ftit h3 {
    color: #555;
    font-size: 21px;
    font-weight: 400;
    padding: 0 50px;
    display: inline;
    background: #f5f5f5;
}

.master .master-con {
    overflow: hidden;
}

.master .master-con .style-default {
    background: url(../images/caticon/1494985006295599886.jpg) center center no-repeat;
}

.master .master-con .m-item {
    width: 232px;
    height: 120px;
    position: relative;
    float: left;
    margin-right: 10px;
}

.master .m-item .m-content {
    color: #fff;
    padding-left: 24px;
    float: left;
}

.master .m-content .title {
    margin-top: 25px;
    font-size: 14px;
    line-height: 20px;
}

.master .m-content .title h3 {
    font-size: 16px;
    font-weight: 300;
}

.master .m-content .title p {
    font-size: 14px;
    font-weight: 300;
}

.master .m-content .m-btn {
    display: block;
    width: 70px;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-top: 10px;
    border-radius: 20px;
    text-align: center;
    background: #fff;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.master .m-content .m-btn:hover {
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.master .m-item .m-img {
    position: absolute;
    top: 15px;
    right: 10px;
    cursor: pointer;
    width: 100px;
    height: 90px;
}

.master .m-item .m-img:hover {
    right: 15px;
}

.master .m-item .m-img img {
    width: 100px;
    height: 90px;
}

.master .master-con .style-lan {
    background: url(../images/caticon/1494985006295599886.jpg) center center no-repeat;
}

.master .master-con .style-danh {
    background: url(../images/caticon/1494985006392060862.jpg) center center no-repeat;
}

.master .master-con .style-tao {
    background: url(../images/caticon/1494985006452127966.jpg) center center no-repeat;
}

.master .master-con .style-danzi {
    background: url(../images/caticon/1494985006427221958.jpg) center center no-repeat;
}

.master .master-con .style-qing {
    background: url(../images/caticon/1494985005357290375.jpg) center center no-repeat;
}

.shop .shop-list {
    overflow: hidden;
}

.shop .shop-list .shop-item {
    width: 294px;
    margin-right: 8px;
    float: left;
    height: 384px;
}

.shop .shop-item .shop-img {
    width: 294px;
    height: 294px;
    display: block;
}

.shop .shop-item:hover .shop-img {
    opacity: .7;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}

.shop .shop-item .img {
    width: 294px;
    height: 294px;
}

.shop .shop-info {
    border: 6px solid #e5e5e5;
    overflow: hidden;
    border-top: 0;
    height: 84px;
    background: #fff;
}

.shop .shop-info .s-logo {
    width: 100px;
    height: 60px;
    text-align: center;
    float: left;
    margin: 14px 18px;
}

.shop .shop-info .s-logo img {
    height: 56px;
}

.shop .shop-info .s-title {
    width: 112px;
    overflow: hidden;
    margin-top: 18px;
    line-height: 24px;
}

.shop .shop-info .s-title .s-name,
.shop .shop-info .s-title .s-tit {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333;
}

.shop .shop-info .s-title .s-tit {
    color: #999;
}

.like-list h3 {
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 20px;
}

.like-list h3 span {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    font-family: 'yahei';
}

.like-list h3 i {
    display: inline-block;
    width: 27px;
    height: 18px;
    background: url(../images/coupon-1.png) no-repeat -180px 0;
    vertical-align: middle;
    margin-bottom: 6px;
}

.like-list h3 em {
    display: inline-block;
    width: 27px;
    height: 18px;
    background: url(../images/coupon-1.png) no-repeat -220px 0;
    vertical-align: middle;
    margin-bottom: 6px;
}

.like-list li {
    width: 232px;
    float: left;
    height: 315px;
    background: #fff;
    margin-right: 10px;
    margin-top: 10px;
    padding-top: 8px;
    position: relative
}

.like-list .flip-wrap {
    width: 216px;
    height: 306px;
    text-align: center;
    margin: 0 auto
}

.like-list .flip-wrap .pro-pic {
    width: 216px;
    height: 220px;
}

.like-list .flip-wrap .pro-name {
    width: 216px;
    height: 42px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 5px;
    text-align: center;
    word-break: break-all
}

.like-list .flip-wrap .pro-price {
    width: 216px;
    height: 30px;
    line-height: 30px;
    color: #E4393C;
    font-weight: normal;
    font-size: 14px;
}

.like-list .operate-area {
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: center;
    line-height: 35px;
    display: none;
}

.like-list .operate-area a {
    float: left;
    width: 105px;
    height: 35px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer
}

.like-list .operate-area .not-interest {
    background: #f5f5f5;
    color: #666;
    margin-left: 7px;
}

.like-list .operate-area .view-detail {
    background: #e23435;
    color: #fff;
    margin-left: 7px;
}

.like-list .operate-area .pro-price2 {
    width: 216px;
    height: 30px;
    line-height: 30px;
    color: #E4393C;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 10px;
}

.like-list .operate-area .not-interest:hover {
    background: #eee;
}

.like-list .operate-area .view-detail:hover {
    background: #f31e1e;
}

.like-list li.current .operate-area {
    display: block;
}

.like-list li.current .pro-name {
    display: none;
}

.like-list li.current .pro-price {
    display: none;
}


/********************************* 挂件样式代码结束 widgets fields end *****************************************************************/


/* search.goods.html */

#page-search-goods {}


/* 搜索页面的品牌旗舰店 */

.flagstore .item {
    border: 2px solid #E4E4E4;
    height: 70px;
    background: #F7F5F5
}

.flagstore .item:hover,
.flagstore .hover {
    border: 2px solid #999;
}

.flagstore .store-logo {
    padding: 10px;
}

.flagstore .content .middleside {
    width: 500px;
    padding: 10px;
    overflow: hidden
}

.flagstore .content .middleside a {
    font-size: 16px;
    font-weight: normal;
    text-decoration: none
}

.flagstore .content .middleside span {
    overflow: hidden;
    color: #999;
    margin-top: 5px;
}

.flagstore .content .rightside {
    width: 260px;
    height: 30px;
    padding: 20px 10px;
    text-align: right;
    overflow: hidden
}

.flagstore .content .rightside a {
    font-size: 14px;
    display: inline-block;
    margin-left: 10px;
    font-weight: normal;
    vertical-align: middle;
    text-decoration: none
}

.flagstore .content .rightside b {
    display: inline-block;
    vertical-align: middle;
    width: 62px;
    height: 18px;
    background: url(../images/ultimate.gif) no-repeat;
    cursor: pointer;
}


/* 搜索商品和搜索店铺页面，搜索团购，全部商品分类，全部店铺分类公用 */

.search-type {
    border-bottom: 2px solid #E4393C;
    width: 100%;
    height: 34px;
}

.search-type .btn-type a {
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    padding: 0px 20px;
    background: #ddd;
    border-bottom: 0;
    text-decoration: none;
    color: #fff;
}

.search-type .btn-type a.current {
    background: #E4393C;
    border: 1px solid #E4393C;
    color: white;
    font-weight: normal;
    border-bottom: 0;
    text-decoration: none
}


/* filter-price */

.filter-price {
    margin-left: 5px;
    position: relative
}

.filter-price .fp-input {
    display: block;
    float: left;
    font-weight: normal;
    position: relative;
    padding-left: 12px;
}

.filter-price .fp-split {
    display: block;
    float: left;
    width: 20px;
    height: 32px;
    text-align: center;
    color: #666;
    line-height: 32px;
}

.filter-price input {
    border: 0;
    line-height: 30px;
    width: 70px;
    height: 30px;
    display: block;
    float: left;
    color: #666;
    text-indent: 15px;
}

.filter-price .fp-input i {
    position: absolute;
    line-height: 32px;
    width: 20px;
    display: block;
    height: 32px;
    top: 0px;
    left: 0px;
    font-style: normal;
    background: #eee;
    text-align: center
}

.filter-price .ui-price-plain {
    font-family: "arial", "verdana", sans-serif !important;
    color: #666;
    font-size: 12px;
    text-indent: 0;
}

.filter-price .filter-price-expand {
    position: absolute;
    z-index: 2;
    text-align: center;
    padding: 5px;
    height: 24px;
    left: 0;
    top: 29px;
    background-color: #efeceb;
    width: 107px;
    display: none
}

.filter-price .ui-btn-s {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    background: url(../images/btn.png) repeat-x 0 -300px;
    border-left: #ccc 1px solid;
    border-right: #ccc 1px solid;
    color: #333;
    cursor: pointer
}

.filter-price .ui-btn-s-primary {
    background: #607BBB;
    display: inline-block;
    line-height: 32px;
    height: 32px;
    color: #fff;
    cursor: pointer;
    width: 60px;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    margin-left: 5px;
}

.filter-price .ui-btn-s-primary:hover {
    text-decoration: none;
    background: #F4393C
}


/* 搜索商品和搜索店铺公用 --- 结束  */

#page-search-goods .col-sub {
    float: right;
    width: 200px;
}

#page-search-goods .col-main {
    float: left;
    width: 990px;
}

#page-search-goods .col-sub a {}

#page-search-goods .col-sub a:hover {
    color: #f33100
}

#page-search-goods .col-sub .sub-list {
    border: 1px #ddd solid;
    width: 198px;
    overflow: hidden
}

#page-search-goods .col-sub .sub-list .title {
    height: 33px;
    line-height: 33px;
    font-weight: bold;
    color: #333;
    text-indent: 10px;
    border-bottom: 1px #ddd solid;
}

#page-search-goods .col-sub .sub-list .content {}

#page-search-goods .col-sub .sub-list .item {
    float: left;
    padding: 9px;
    width: 182px;
}

#page-search-goods .col-sub .sub-list .item dl dt {
    float: left;
    border: 1px solid #E5E5E5;
}

#page-search-goods .col-sub .sub-list .item dl dd {
    float: right;
    width: 102px;
}

#page-search-goods .col-sub .sub-list .item dl dd a {
    display: block;
    height: 54px;
    line-height: 18px;
    overflow: hidden;
}

#page-search-goods .col-sub .sub-list .item dl dd a:hover {
    text-decoration: underline;
}

#page-search-goods .col-sub .sub-list .item dl dd span {
    height: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #CC0001;
    padding-top: 3px;
}

#page-search-goods .attribute .title {
    border: 1px #E6E2E1 solid;
    padding: 10px 0 10px 10px;
    color: #3e3e3e;
}

#page-search-goods .selected-attr strong {
    color: #666;
    font-weight: normal;
}

#page-search-goods .selected-attr a {
    padding: 3px 20px 3px 3px;
    display: inline-block;
    border: #ddd 1px solid;
    background: #fff;
    position: relative;
    cursor: pointer;
    color: #666;
    line-height: 16px;
}

#page-search-goods .selected-attr a b {
    font-weight: normal
}

#page-search-goods .selected-attr a:hover {
    border: 1px #E4393C solid;
    color: #E4393C;
    text-decoration: none;
}

#page-search-goods .selected-attr a span {
    position: absolute;
    top: 4px;
    right: 3px;
    overflow: hidden;
    width: 13px;
    height: 13px;
    background: #E4393C;
    color: #fff;
    text-align: center;
    line-height: 11px;
    border-radius: 2px;
}

#page-search-goods .attribute .content {
    border: 1px #E6E2E1 solid;
    border-top: 0;
    border-bottom: 1px #D1CCC7 solid;
    background-color: #F7F5F5;
}

#page-search-goods .attribute .attr-cate {
    background: #fff;
}

#page-search-goods .attribute .attr-list {
    border-top: 1px solid #e1e1e1;
    height: 22px;
    padding: 5px 0 5px 0;
}

#page-search-goods .attribute .attr-list li {
    float: left;
    margin: 0px 5px 0 10px;
    width: 172px;
    height: 22px;
    display: block;
    line-height: 22px;
    background: url(../images/T1U_vGXjdaXXckL6Z0-130-130.png) no-repeat -124px -40px;
    padding-left: 10px;
}

#page-search-goods .attribute .attr-list li a {
    color: #806f66
}

#page-search-goods .attribute .attr-list li span {
    margin-left: 2px;
    color: #BFBFBF
}

#page-search-goods .attribute .each {
    border-bottom: 1px dotted #e1e1e1;
    line-height: 30px;
    width: 100%
}

#page-search-goods .attribute .each h4 {
    float: left;
    width: 109px;
    font-weight: 400;
    color: #666;
    font-size: 100%;
    margin-left: 10px;
    padding: 5px 0 5px 0;
}

#page-search-goods .attribute .each .pv {
    float: left;
    width: 990px;
    padding: 5px 62px 5px 25px;
    background: #fff;
    position: relative;
}

#page-search-goods .attribute .each .pv a {
    margin: 0 10px 0 0;
    color: #806f66;
    display: inline-block;
}

#page-search-goods .attribute .each .pv a:hover {
    color: #f33100;
    text-decoration: none
}

#page-search-goods .attribute .each .pv a .count {
    color: #ccc
}

#page-search-goods .attribute .each .pv .more-it {
    position: absolute;
    top: 7px;
    right: 10px;
    cursor: pointer;
    color: #806f66;
    border: 1px #ddd solid;
    padding-left: 5px;
    line-height: 22px;
}

#page-search-goods .attribute .each .pv .more-it i {
    display: inline-block;
    height: 16px;
    width: 18px;
    overflow: hidden;
    background: url(../images/down.png) 0px 3px no-repeat;
    background-size: 90%;
}

#page-search-goods .attribute .each .pv .more-it i.foldUp {
    background: url(../images/down.png) 2px -3px no-repeat;
    background-size: 90%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

#page-search-goods .attribute .each .pv .more-it:hover {
    border: 1px #E4393C solid
}

#page-search-goods .attribute .each .pv .wrap-brand {
    width: 969px;
    padding: 5px 0px;
}

#page-search-goods .attribute .brand-list {
    border: 2px #D1CCC7 solid;
    width: 1196px;
}

#page-search-goods .attribute .brand-list .more-it {
    margin-top: 5px;
}

#page-search-goods .attribute .brand-list .pv a {
    border: 1px solid #e1e1e1;
    margin-top: -1px;
    margin-left: -1px;
    width: 104px;
    text-align: center;
    height: 52px;
    line-height: 52px;
    margin-right: 0px !important;
    display: block;
    float: left;
    overflow: hidden;
}

#page-search-goods .attribute .brand-list .pv a img {
    margin: 6px 12px;
}

#page-search-goods .attribute .brand-list .pv a span {
    width: 102px;
    height: 50px;
    line-height: 50px;
    margin-left: -150px;
    display: block;
}

#page-search-goods .attribute .brand-list .pv a:hover img {
    display: none
}

#page-search-goods .attribute .brand-list .pv a:hover span {
    margin-left: 0px;
    /*border: 1px solid #A10002;*/
    cursor: pointer
}

#page-search-goods .attribute .brand-list .pv a:hover {
    border: 1px solid #A10002;
    z-index: 1;
    position: relative;
}

#page-search-goods .attribute .each .pv a.hidden {
    display: none;
}

#page-search-goods .attribute .each .color {
    display: inline-block;
    width: 50px;
    height: 16px;
    line-height: 16px;
    border: 1px #ddd solid;
    padding: 1px
}

#page-search-goods .attribute .each .color:hover {
    border: 2px #E4393C solid;
    padding: 0;
}

#page-search-goods .attribute .each .duocai {
    background: url(../images/duocai.gif) repeat scroll 0% 0% transparent
}

#page-search-goods .attribute .attr-bottom {
    height: 35px;
    position: relative;
}

#page-search-goods .attribute .attr-bottom ins {
    border: #ebe4de 1px solid;
    height: 3px;
    font-size: 0;
    display: block;
    background: #efebea
}

#page-search-goods .attribute .attr-bottom b {
    cursor: pointer;
    position: absolute;
    display: block;
    width: 70px;
    height: 18px;
    border: #e6e2e1 1px solid;
    background: #efeceb;
    border-top: 0;
    top: 3px;
    right: 0;
    font-size: 15;
    font-weight: normal;
    color: #806F66;
    padding-left: 15px;
    *padding-top: 2px;
}

#page-search-goods .attribute .attr-bottom b i {
    width: 10px;
    height: 15px;
    display: block;
    background: url(../images/T1U_vGXjdaXXckL6Z0-130-130.png) -82px -5px;
    position: absolute;
    top: 2px;
    right: 8px;
}

#page-search-goods .attribute .attr-bottom b.hide-more i {
    background-position: -105px -5px;
}

#page-search-goods .glist {
    background: #fff;
}

#page-search-goods .list-sort {
    line-height: 32px;
    color: #666;
    background: #fff;
    width: 1200px;
    background: #faf9f9;
    padding-top: 2px;
}

#page-search-goods .list-sort form {
    padding: 4px;
    height: 35px
}

#page-search-goods .filter-area {
    padding: 0 25px 0 10px;
    margin-left: 5px;
    position: relative;
    background: #fff;
    z-index: 90;
    cursor: default;
    border-radius: 3px;
}

#page-search-goods .filter-area span {
    height: 32px;
    line-height: 32px;
    display: inline-block;
    cursor: default;
    font-weight: bold;
}

#page-search-goods .list-sort.fixed-show {
    position: fixed;
    top: 0;
    z-index: 998;
    background: #faf9f9;
    opacity: 0.98;
    box-shadow: 0 5px 2px rgba(0, 0, 0, .07)
}

#page-search-goods .filter-area b {
    background: url(../images/down.png) no-repeat 3px 3px;
    background-size: 90%;
    top: 4px;
    right: 5px;
    overflow: hidden;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
}

#page-search-goods .filter-area .fa-list {
    position: absolute;
    left: -1px;
    top: 32px;
    background: #fff;
    border: 1px #ddd solid;
    width: 400px;
    box-shadow: 0px 1px 5px #ddd;
    padding: 5px;
}

#page-search-goods .filter-area .fa-hd {
    border-bottom: 1px #ddd solid;
    padding: 5px;
    width: 390px;
    padding-top: 0;
}

#page-search-goods .filter-area .fa-hd a {
    display: inline-block;
    margin-right: 10px;
    padding: 0 5px 0 5px;
}

#page-search-goods .filter-area .fa-hd button {
    background: #E4393C;
    display: inline-block;
    width: 50px;
    line-height: 22px;
    color: #fff;
    border: 0;
    cursor: pointer;
    margin-top: 5px;
    font-size: 12px;
}

#page-search-goods .filter-area .fa-loc {
    padding: 5px;
    width: 390px;
}

#page-search-goods .filter-area .fa-loc a {
    display: inline-block;
    padding: 0 5px 0 5px;
    white-space: nowrap;
}

#page-search-goods .filter-area .fa-loc a.selected {
    background: #B6A8A2;
    color: #fff;
}

#page-search-goods .filter-area .province {
    border-bottom: 1px #ddd dotted;
    padding-bottom: 4px;
}

#page-search-goods .filter-area li {
    float: left;
    margin-right: 10px;
}

#page-search-goods .glist .price em,
#page-search-goods .recommend .price em {
    color: #f33100;
    font-family: arial;
    font-weight: 400;
    font-size: 14px;
}

#page-search-goods .glist .price em b,
#page-search-goods .recommend .price em b {
    margin-right: 2px;
    font-weight: normal;
    font-size: 14px;
    vertical-align: middle;
}

#page-search-goods .recommend .price span,
#page-search-goods .glist .price span {
    color: #666666
}

#page-search-goods .recommend .price span b,
#page-search-goods .glist .price span b {
    font-weight: normal
}

#page-search-goods .recommend .desc a,
#page-search-goods .glist .desc a {
    line-height: 18px;
    display: block;
    height: 36px;
    color: #2A2A2A;
    width: 100%;
    overflow: hidden;
    word-break: break-all;
}

#page-search-goods .recommend .desc a:hover,
#page-search-goods .glist .desc a:hover {
    color: #f33100;
}

#page-search-goods .glist .store-info a {
    display: block;
    line-height: 20px;
    height: 20px;
    color: #999;
    text-decoration: underline;
    overflow: hidden;
    word-break: break-all;
}

#page-search-goods .glist .static {
    position: relative;
    margin-top: 10px;
    padding-top: 0px !important;
    height: 32px;
    border-top: 1px solid #eee;
    color: #999;
}

#page-search-goods .glist .static span {
    float: left;
    display: inline-block;
    border-right: 1px solid #eee;
    width: calc(50% - 1px);
    text-align: center;
    padding: 10px 0px;
    line-height: 12px;
    color: #999;
}
#page-search-goods .glist .static span:last-child {
    border-right: 0;
}

#page-search-goods .glist .static span em,
#page-search-goods .glist .static span b {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    ;
}

#page-search-goods .glist .static span em {
    font-style: normal;
    color: #b57c5b;
}

#page-search-goods .glist .static span b {
    color: #38b;
}

#page-search-goods .recommend dt a {
    display: block;
    margin-bottom: 5px;
}

#page-search-goods .glist .squares .item {
    float: left;
    width: 224px;
    border: 4px #fff solid;
    height: 397px;
    margin-right: 10px;
    margin-bottom: 20px;
}

#page-search-goods .glist .squares dl {
    border: 1px solid #f5f5f5;
    padding: 4px;
    padding-bottom: 0px;
    border-radius: 3px;
    height: 391px;
}

#page-search-goods .glist .squares dl dd {
    width: 214px;
    padding-top: 5px;
    color: #666;
}

#page-search-goods .glist .squares dl dd.static {
    width: 218px;
}

#page-search-goods .glist .squares dl dd a:hover {
    text-decoration: underline;
    color: #E4393C;
}

#page-search-goods .glist .squares dl .sub-images {
    height: 36px;
    background: #fff;
}

#page-search-goods .glist .squares dl .sub-images img {
    padding: 1px;
    border: 1px #ddd solid;
    cursor: pointer;
    width: 30px;
    height: 30px;
    overflow: hidden
}

#page-search-goods .glist .squares dl .sub-images img.active {
    border: 2px #E4393C solid;
    padding: 0;
}

#page-search-goods .glist .squares .item:hover,
#page-search-goods .glist .squares .hover {
    border: 4px #E4393C solid;
    position: relative;
    z-index: 990;
    -webkit-transition: border-color .4s ease-in;
    -moz-transition: border-color .4s ease-in;
    -ms-transition: border-color .4s ease-in;
    -o-transition: border-color .4s ease-in;
    transition: border-color .4s ease-in;
}

#page-search-goods .glist .squares .item:hover .sub-images,
#page-search-goods .glist .squares .hover .sub-images {
    display: block;
}

#page-search-goods .glist .squares dt img {
    width: 214px;
    height: 214px;
}


#page-search-goods .recommend {
    clear: both;
    margin-top: 20px;
    margin-bottom: 40px;
}

#page-search-goods .recommend .title {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #3e3e3e;
    position: relative;
    border-top: 1px #ddd solid;
    margin-top: 80px;
}
#page-search-goods .recommend .title span {
    background-color: #fff;
    display: block;
    width: 100px;
    margin: -15px auto 0;
    font-weight: bold;
}

#page-search-goods .recommend dl {
    float: left;
    width: 204px;
    margin: 10px;
    padding: 10px;
    box-shadow: 0 15px 30px rgba(0,0,0,.03);
}

#page-search-goods .recommend dl:hover {
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
}

#page-search-goods .recommend dt img {
    width: 204px;
    height: 204px;
}

#page-search-goods .recommend .price span {
    line-height: 20px;
}

#page-search-goods .recommend a:hover {
    text-decoration: underline;
}

#page-search-limitbuy .search-by dl {
    width: 1200px;
    border-bottom: 1px dotted #CCC;
    overflow: hidden;
}

#page-search-limitbuy .search-by dl a {
    line-height: 25px;
    text-decoration: none
}

#page-search-limitbuy .search-by dl dt {
    width: 14%;
    margin-right: 5%;
    text-indent: 20px;
    padding-top: 5px;
}

#page-search-limitbuy .search-by dl dd {
    width: 69%;
    background: #fff;
    padding: 5px 0px;
    padding-right: 10%;
    padding-left: 2%;
}

#page-search-limitbuy .search-by dl dd a {
    margin-right: 10px;
    white-space: nowrap;
    line-height: 30px;
}

#page-search-limitbuy .wrap-by {
    background: #F7F5F5
}

#page-search-limitbuy .search-by dd.show-more {
    position: absolute;
    top: 3px;
    right: 0px;
    cursor: pointer;
    color: #806f66;
    display: inline-block;
    padding: 0px;
}

#page-search-limitbuy .search-by dd .more-it {
    position: absolute;
    top: 5px;
    right: 15px;
    cursor: pointer;
    color: #806f66;
    border: 1px #ddd solid;
    padding: 0 5px;
}

#page-search-limitbuy .search-by dd .more-it i {
    float: right;
    margin-top: 7px;
    display: inline-block;
    height: 5px;
    line-height: 5px;
    width: 9px;
    overflow: hidden;
    background: url(../images/arrow3.png) -2px -66px no-repeat;
    margin-left: 2px;
}

#page-search-limitbuy .search-by dd .more-it i.foldUp {
    background: url(../images/arrow3.png) -2px -72px no-repeat;
}

#page-search-limitbuy .search-by dd .more-it:hover {
    border: 1px #E4393C solid
}

#page-search-limitbuy .attr-bottom {
    position: relative;
}

#page-search-limitbuy .attr-bottom ins {
    border: #ebe4de 1px solid;
    height: 3px;
    font-size: 0;
    display: inline-block;
    background: #efebea
}

#page-search-limitbuy .attr-bottom b {
    cursor: pointer;
    z-index: 99;
    position: absolute;
    display: block;
    width: 75px;
    height: 18px;
    border: #e6e2e1 1px solid;
    background: #efeceb;
    border-top: 0;
    top: 0px;
    right: -1px;
    font-weight: normal;
    color: #806F66;
    padding-left: 15px;
    *padding-top: 2px;
}

#page-search-limitbuy .attr-bottom b i {
    width: 10px;
    height: 15px;
    display: block;
    background: url(../images/T1U_vGXjdaXXckL6Z0-130-130.png) -82px -5px;
    position: absolute;
    top: 2px;
    right: 8px;
}

#page-search-limitbuy .attr-bottom b.hide-more i {
    background-position: -105px -5px;
}

#page-search-limitbuy .group-list ul {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

#page-search-limitbuy .group-list li {
    float: left;
    width: 286px;
    position: relative;
    border: 1px #ccc solid;
    margin-right: 16px;
    _margin-right: 13px;
    _margin-bottom: 20px;
    border-radius: 3px;
}

#page-search-limitbuy .group-list li:hover,
#page-search-limitbuy .group-list .hover {
    border: 1px #E4393C solid
}

#page-search-limitbuy .group-list .rec_ico {
    background: url(../images/group_rec.gif) no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -1px;
    top: -1px;
}

#page-search-limitbuy .group-list .desc {
    margin: 8px;
    height: 40px;
    line-height: 20px;
    overflow: hidden
}

#page-search-limitbuy .group-list .desc a {
    font-size: 14px;
    font-weight: 500;
    color: #333
}

#page-search-limitbuy .group-list .desc a:hover {
    color: #E4393C;
    text-decoration: underline
}

#page-search-limitbuy .group-list .pic {
    padding: 9px;
    padding-top: 0;
    text-align: center;
}

#page-search-limitbuy .group-list .buy {
    background: #E4393C;
    height: 35px;
    font-weight: normal;
    line-height: 35px;
    text-align: left;
    padding-left: 10px;
    position: relative;
    color: #fff;
    font-size: 14px
}

#page-search-limitbuy .group-list .buy .price {
    font-family: Arial;
    font-weight: normal;
    font-size: 22px;
    color: #fff;
    margin-right: 20px;
}

#page-search-limitbuy .group-list .buy a {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 90px;
    height: 35px;
    overflow: hidden;
    background: #f60;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 16px
}

#page-search-limitbuy .group-list .extra {
    height: 40px;
    line-height: 40px;
    position: relative;
    overflow: hidden
}

#page-search-limitbuy .group-list .extra .gray-bg {
    position: absolute;
    right: 0;
    bottom: -13px;
    width: 125px;
    height: 12px;
    background: url(../images/index_sprites.gif) no-repeat right bottom;
    overflow: hidden;
}

#page-search-limitbuy .group-list .extra span {
    margin-left: 8px;
}

#page-search-limitbuy .group-list .extra strong {
    color: #527A18;
    font-size: 16px;
    margin-right: 2px;
}

#page-search-limitbuy .group-list .extra b {
    font-size: 16px;
    color: #E4393C;
    margin-right: 2px;
}


/* 品牌页面 */

.brand-banner-wp {
    width: 100%;
    height: 300px;
}

.brand-banner-wp i {
    background: url(../images/brand_image.png) no-repeat;
    width: 100%;
    height: 300px;
    display: inline-block;
}

.brand-list {
    margin-top: 40px;
}

.brand-list .title {
    width: 300px;
    margin: 0 auto;
    border-top: 1px solid #d2d2d2;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

.brand-list .title span {
    display: block;
    margin: -9px auto 0;
    width: 150px;
    font-size: 17px;
    font-weight: 700;
    color: #000;
    background: #fff;
}

.brand-list .brand-cate {
    line-height: 40px;
    font-size: 13px;
    text-align: center;
}

.brand-list .brand-cate a {
    color: #555;
    white-space: normal;
}

.brand-list .brand-cate a.curr {
    font-weight: bold;
}

.brand-list .brand-cate a.curr,
.brand-list .brand-cate a:hover {
    color: #f43434;
    text-decoration: none;
}

.brand-list .brand-cate .point {
    margin-left: 10px;
    margin-right: 6px;
    font-size: 15px;
}

.brand-list .brand-info {
    margin-top: 40px;
    margin-right: -10px;
}

.brand-list .brand-info .items {
    width: 278px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #fff;
    text-align: center;
    border: 6px solid #E4E4E4;
    float: left;
}

.brand-list .items .img {
    margin-bottom: 30px;
    position: relative;
    display: block;
}

.brand-list .items .img img {
    width: 278px;
    height: 285px;
}

.brand-list .items .brand-desc {
    padding: 0 20px;
    color: #fff;
    position: absolute;
    width: 238px;
    height: 0;
    left: 0;
    bottom: 0;
    line-height: 24px;
    z-index: 2;
    font-size: 14px;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    overflow: hidden;
}

.brand-list .brand-desc p {
    font-size: 18px;
    line-height: 36px;
    padding-top: 40px;
}

.brand-list .brand-desc-notic {
    padding-top: 90px;
}

.brand-list .brand-desc .info {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
}

.brand-list .brand-desc .info h3 {
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    margin-top: 20px;
}

.brand-list .mask {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background: #000;
    opacity: .45;
    -ms-filter: alpha(Opacity=45);
    filter: alpha(Opacity=45);
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.brand-list .items .b-logo {
    height: 57px;
    position: relative;
    margin-bottom: 20px;
}

.brand-list .items .b-logo img {
    height: 57px;
}

.brand-list .items .slogan {
    font-size: 14px;
    color: #8c8c8c;
    margin-bottom: 30px;
}

.brand-list .items:hover {
    border-color: #FFE7DB
}

.brand-list .items:hover .brand-desc {
    height: 285px;
}

.brand-list .items:hover .mask {
    height: 285px;
}

.brand-home-top {
    width: 100%;
    height: 200px;
}

.attention-rate {
    width: 180px;
    height: 160px;
    background-color: #fff;
    border-radius: 5px;
    margin-top: 20px;
    float: left;
    text-align: center;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.attention-rate .brand-logo {
    width: 160px;
    margin-top: 10px;
    max-height: 64px;
}

.attention-rate .brand-logo img {
    width: 100%;
    height: auto;
}

.attention-rate .follow-info {
    margin-top: 10px;
}

.attention-rate .follow-info .follow-sum {
    color: #8c8c8c;
}

.attention-rate .follow-info .follow-sum em {
    color: red;
    margin-right: 2px;
    font-size: 16px;
}

.attention-rate .follow-info .go-follow {
    cursor: pointer;
    width: 68px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #f42424;
    border-radius: 9px;
    color: #f42424;
    margin: 5px auto 0;
}

.attention-rate .follow-info .go-follow .iconfont {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 1px 3px 0 0;
}

.attention-rate .follow-info .go-follow:hover {
    background-color: #f42424;
    color: #fff;
}

.brand-home-top {
    background: url(../images/brand_cat_bg.jpg) center center no-repeat;
}

.brand-home-top .brand-cate-info {
    float: left;
    margin: 50px 0 0 55px;
    width: 960px;
}

.brand-cate-info .title {
    width: 100%;
}

.brand-cate-info .title h3 {
    color: #f42424;
    font-size: 22px;
    margin-bottom: 10px;
}

.brand-cate-info .title a {
    float: left;
    color: #f42424;
    display: block;
    margin: 12px 0 0 20px;
}

.brand-cate-info .title a:hover {
    text-decoration: underline;
}

.brand-cate-info .title a i {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/dsc-icon.png) -386px -81px no-repeat;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

.brand-cate-info .cate-list {
    margin-top: 20px;
}

.brand-cate-info .cate-list a {
    color: #cbccd0;
    display: block;
    float: left;
    width: auto;
    margin-right: 20px;
    line-height: 30px;
}

.brand-cate-info .cate-list a:hover,
.brand-cate-info .cate-list a.curr {
    color: #f42424;
}

.brand-cate-info .brand_desc {
    color: #cbccd0;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
}

.brand-list .goods li {
    float: left;
    width: 208px;
    padding: 10px 10px 15px 10px;
    border: 1px solid #fff;
    margin: 5px;
}

.brand-list .goods .p-img {
    width: 208px;
    height: 208px;
}

.brand-list .goods .p-img img {
    width: 100%;
    height: 100%;
}

.brand-list .goods .p-price {
    font-size: 18px;
    text-align: center;
    color: #f42424;
    margin-top: 10px;
}

.brand-list .goods .p-name {
    margin-top: 10px;
}

.brand-list .goods .p-name a {
    font-size: 12px;
    display: block;
    height: 36px;
    overflow: hidden;
    text-align: center;
    line-height: 18px;
}

.brand-list .goods li:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}


/*********************************  以下为统一模板页面风格的样式代码，如果没有必要（除了修改宽度高度等），不要修改下面的代码 *******************/


/* search.store.html */

#page-search-store .search-by dl {
    width: 1200px;
    border-bottom: 1px dotted #CCC;
    overflow: hidden;
}

#page-search-store .search-by dl a {
    line-height: 25px;
    text-decoration: none
}

#page-search-store .search-by dl dt {
    width: 12%;
    margin-right: 5%;
    text-indent: 20px;
    padding-top: 5px;
}

#page-search-store .search-by dl dd {
    width: 71%;
    background: #fff;
    padding: 5px 0px;
    padding-right: 10%;
    padding-left: 2%;
}

#page-search-store .search-by dl dd a {
    margin-right: 10px;
    white-space: nowrap;
    line-height: 30px;
}

#page-search-store .wrap-by {
    background: #F7F5F5
}

#page-search-store .search-by dd.show-more {
    position: absolute;
    top: 3px;
    right: 0px;
    cursor: pointer;
    color: #806f66;
    display: inline-block;
    padding: 0px;
}

#page-search-store .search-by dd .more-it {
    line-height: 22px;
    position: absolute;
    top: 5px;
    right: 15px;
    cursor: pointer;
    color: #806f66;
    border: 1px #ddd solid;
    padding: 0 5px;
}

#page-search-store .search-by dd .more-it i {
    float: right;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 20px;
    overflow: hidden;
    background: url(../images/down.png) center center no-repeat;
    background-size: 90%;
}

#page-search-store .search-by dd .more-it i.foldUp {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

#page-search-store .search-by dd .more-it:hover {
    border: 1px #E4393C solid
}

#page-search-store .attr-bottom {
    position: relative;
}

#page-search-store .attr-bottom ins {
    border: #ebe4de 1px solid;
    height: 3px;
    font-size: 0;
    display: block;
    background: #efebea
}

#page-search-store .attr-bottom b {
    cursor: pointer;
    z-index: 99;
    position: absolute;
    display: block;
    width: 75px;
    height: 18px;
    border: #e6e2e1 1px solid;
    background: #efeceb;
    border-top: 0;
    top: 3px;
    right: -1px;
    font-weight: normal;
    color: #806F66;
    padding-left: 15px;
    *padding-top: 2px;
}

#page-search-store .attr-bottom b i {
    width: 10px;
    height: 15px;
    display: block;
    background: url(../images/T1U_vGXjdaXXckL6Z0-130-130.png) -82px -5px;
    position: absolute;
    top: 2px;
    right: 8px;
}

#page-search-store .attr-bottom b.hide-more i {
    background-position: -105px -5px;
}

#page-search-store .shops-list {
    margin-top: 29px;
}

#page-search-store .sort-type {
    position: relative;
    z-index: 90;
    height: 35px;
    background: #faf9f9;
    padding: 4px;
}

#page-search-store .sort-type .select-param {
    float: left;
    margin-right: 10px;
    display: block;
    padding: 0px 32px 0px 15px;
    height: 22px;
    line-height: 22px;
    position: relative;
    border: 1px solid #CCC;
}

#page-search-store .sort-type .select-param span {
    position: absolute;
    display: block;
    right: 0;
    top: 0px;
    height: 22px;
    width: 15px;
}

#page-search-store .sort-type .select-param span i {
    width: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    left: 49%;
    margin-left: -4px;
    top: 50%;
    margin-top: -1px;
    border-color: #A6A6A6 #F3F3F3 white #F3F3F3;
    border-width: 4px 4px 0 4px;
    border-style: solid;
}

#page-search-store .sort-type .select-param .tan {
    border: 1px solid #CCC;
    border-top: 0px;
    position: absolute;
    top: 23px;
    left: -1px;
    width: 100%;
    background: #faf9f9;
    display: none;
}

#page-search-store .sort-type .select-param:hover .tan {
    display: block;
}

#page-search-store .sort-type .select-param .tan li {
    width: 100%;
    line-height: 23px;
    text-indent: 15px;
    cursor: pointer
}

#page-search-store .sort-type .select-param:hover .tan li {
    color: #333;
}

#page-search-store .sort-type .select-param .tan li:hover {
    background: #E4E4E4;
}

#page-search-store .list-fields li .store-info {
    line-height: 20px;
    width: 100%;
}

#page-search-store .list-fields li {
    border-bottom: 1px solid #E4E4E4;
}

#page-search-store .list-fields li .row_1 {
    padding: 18px 35px 20px 15px;
}

#page-search-store .list-fields li .row_2 {
    width: 290px;
    margin-top: 15px;
    height: 81px;
    line-height: 22px;
    color: #595959;
    margin-right: 20px;
}

#page-search-store .list-fields li .row_3 {
    width: 25%;
    margin-right: 20px;
    margin-top: 15px;
}

#page-search-store .list-fields li .row_4 {
    width: 20%;
    margin-right: 20px;
    margin-top: 15px;
    line-height: 22px;
    color: #666;
}

#page-search-store .list-fields li .row_5 {
    width: 15%;
    margin-top: 15px;
}

#page-search-store .list-fields li .row_2 h2 a {
    font-size: 14px;
}

#page-search-store .list-fields li .row_2 .d-info {
    width: 100%;
    height: 22px;
    overflow: hidden;
}

#page-search-store .list-fields li .row_2 .d-info a {
    color: #808080;
}

#page-search-store .list-fields li .row_2 .d-info a:hover {
    color: #f33100;
    text-decoration: underline
}

#page-search-store .list-fields li .row_3 b {
    color: #f33100;
    padding: 0px 3px;
}

#page-search-store .list-fields li .row_3 a {
    display: block;
    height: 18px;
    line-height: 18px;
    width: 90px;
    background-image: url(../images/T1jq6YXalbXXX0gjHb-99-1013.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

#page-search-store .list-fields li .row_3 .expand {
    background-position: 75px -557px;
    *background-position: 75px -559px;
}

#page-search-store .list-fields li .row_3 .fold {
    background-position: 75px -539px;
    *background-position: 75px -541px;
}

#page-search-store .list-fields li .row_5 a {
    display: block;
    width: 119px;
    height: 22px;
    padding-left: 60px;
    line-height: 22px;
    color: #fff;
    margin: 5px auto 18px;
}

#page-search-store .list-fields li .row_5 a i {
    font-family: \5B8B\4F53;
    margin-left: 31px;
    font-style: normal;
}

#page-search-store .list-fields li .row_5 .enter-shop {
    background-color: #806f66;
    border: 1px solid #6b635f;
}

#page-search-store .list-fields li .row_5 .enter-shop:hover {
    background-color: #927C6F;
    border: 1px solid #927C6F;
    text-decoration: none;
}

#page-search-store .list-fields li .row_5 .view-all-goods {
    outline: 1px solid #EAE5E1;
    border: 1px solid #fff;
    background-color: #F7F5F5;
    color: #595959;
    width: 177px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    padding-left: 0px;
    text-decoration: none;
}

#page-search-store .list-fields li .row_5 .view-all-goods {
    background-color: #F9F9F9;
}

#page-search-store .list-fields li .row_5 .view-all-goods i {
    position: absolute;
    width: 9px;
    height: 5px;
    right: 22px;
    top: 10px;
    overflow: hidden;
}

#page-search-store .list-fields li .row_5 .view-all-goods i.drop-icon {
    background: url(../images/T1GcmeXEJXXXXUVs6Z-165-206.png) no-repeat -48px -13px;
}

#page-search-store .list-fields li .row_5 .view-all-goods i.put-icon {
    background: url(../images/T1GcmeXEJXXXXUVs6Z-165-206.png) no-repeat -59px -13px;
}

#page-search-store .list-fields li .store-goods {
    width: 1068px;
    border: 1px solid #E4E4E4;
    position: relative;
    background: #F8F8F8;
    margin-left: 130px;
}

#page-search-store .list-fields li .store-goods b {
    display: block;
    position: absolute;
    top: -10px;
    right: 100px;
    width: 18px;
    height: 10px;
    background: url(../images/arrow2.gif) no-repeat;
}

#page-search-store .list-fields li .store-goods .prev {
    display: block;
    height: 60px;
    width: 20px;
    background: url(../images/T1jq6YXalbXXX0gjHb-99-1013.png) no-repeat 5px -285px;
    position: absolute;
    left: 10px;
    top: 80px;
}

#page-search-store .list-fields li .store-goods .prev:hover {
    background-position: 5px -385px;
}

#page-search-store .list-fields li .store-goods .next {
    display: block;
    height: 60px;
    width: 20px;
    background: url(../images/T1jq6YXalbXXX0gjHb-99-1013.png) no-repeat 5px -335px;
    position: absolute;
    right: 10px;
    top: 80px;
}

#page-search-store .list-fields li .store-goods .next:hover {
    background-position: 5px -435px;
}

#page-search-store .list-fields li .store-goods .scroller {
    margin: 10px 40px 10px 40px;
    width: 1000px;
    height: 225px;
    text-align: center;
    overflow: hidden
}

#page-search-store .list-fields li .store-goods .ks-switchable-content {
    left: 0;
    top: 0;
}

#page-search-store .list-fields li .store-goods .each {
    width: 1000px;
    height: 225px;
}

#page-search-store .list-fields li .store-goods dl {
    float: left;
    width: 160px;
    padding: 0px 20px 0 20px;
}

#page-search-store .list-fields li .store-goods .ks-switchable-nav {
    display: none;
}

#page-search-store .list-fields li .store-goods dl dd .desc {
    height: 40px;
    overflow: hidden;
}

#page-search-store .list-fields li .store-goods dl dd .desc a {
    line-height: 20px;
    color: #808080;
}

#page-search-store .list-fields li .store-goods dl dd .desc a:hover {
    text-decoration: underline;
    color: #f33100;
}

#page-search-store .list-fields li .store-goods dl dd .price span {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #f33100;
}

#page-search-store .list-fields li .store-goods .more-store-goods {
    text-align: right;
    padding: 10px 20px 10px 10px;
}

#page-search-store .list-fields li .store-goods .more-store-goods a {
    color: #595959;
    font-family: \5B8B\4F53;
}

#page-search-store .list-fields li .row_3 .rate-info {
    color: #666;
    width: 100%;
    line-height: 22px;
}

#page-search-store .list-fields li .row_3 .rate-info p {
    color: #666;
    height: 20px;
    font-weight: normal;
}

#page-search-store .list-fields li .row_3 .rate-info p strong {
    margin-right: 30px;
    font-weight: normal
}

#page-search-store .list-fields li .row_3 .rate-info ul li {
    border: 0px;
}

#page-search-store .list-fields li .row_3 .rate-info ul li .credit {
    color: #2953a6;
    font-weight: normal;
    display: inline-block;
    width: 46px;
    margin-left: 4px;
}

#page-search-store .list-fields li .row_3 .rate-info ul li span em {
    text-align: center;
    display: inline-block;
    width: 50px;
    height: 20px;
    line-height: 20px;
    margin-left: 2px;
    color: #FFF;
}

#page-search-store .list-fields li .row_3 .rate-info ul li span.equal {
    color: #DA542E;
    display: inline-block;
}

#page-search-store .list-fields li .row_3 .rate-info ul li span.equal em {
    background-color: #DA542E;
}

#page-search-store .list-fields li .row_3 .rate-info ul li span.equal i {
    background: url(../images/2014grate.png) no-repeat -18px -40px;
    vertical-align: middle;
    display: inline-block;
    width: 9px;
    height: 8px;
    margin-right: 4px;
}

#page-search-store .list-fields li .row_3 .rate-info ul li span.high {
    color: #DA542E;
    display: inline-block;
}

#page-search-store .list-fields li .row_3 .rate-info ul li span.high i {
    background: url(../images/2014grate.png) no-repeat 0 -40px;
    vertical-align: middle;
    display: inline-block;
    width: 9px;
    height: 8px;
    margin-right: 4px;
}

#page-search-store .list-fields li .row_3 .rate-info ul li span.high em {
    background-color: #DA542E;
}

#page-search-store .list-fields li .row_3 .rate-info ul li span.low {
    color: #28B779;
    display: inline-block;
}

#page-search-store .list-fields li .row_3 .rate-info ul li span.low i {
    background: url(../images/2014grate.png) no-repeat -9px -40px;
    vertical-align: middle;
    display: inline-block;
    width: 9px;
    height: 8px;
    margin-right: 4px;
}

#page-search-store .list-fields li .row_3 .rate-info ul li span.low em {
    background-color: #28B779;
}

#page-integral {
    padding-top: 10px;
    margin: auto;
    z-index: 1;
    position: relative;
}

#page-integral .page-main .col-sub {
    width: 222px;
    float: left;
}

#page-integral .page-main .col-main {
    width: 968px;
    float: right;
}

.integral-article {
    width: 200px;
    border: 1px solid #ECDAB2;
    -webkit-box-shadow: 1px 1px 4px #ECDAB2;
    -moz-box-shadow: 1px 1px 4px #ECDAB2;
    box-shadow: 1px 1px 4px #ECDAB2;
    padding: 10px;
    background: #FFEECB;
}

.integral-article .user-integral {
    width: 100%;
}

.integral-article .user-integral dt {
    float: left;
    width: 68px;
    border: 1px solid #e7d19c;
    background: #fff;
    border-radius: 34px;
    z-index: 2;
}

.integral-article .user-integral dt a img {
    display: block;
    z-index: 1;
    border-radius: 34px;
}

.integral-article .user-integral dd {
    float: right;
    width: 120px;
}

.integral-article .user-integral dd h3 a {
    font-size: 12px;
    text-decoration: none;
    color: #333;
}

.integral-article .user-integral dd p b {
    font-size: 20px;
    font-weight: normal;
    ;
    color: #b1000f;
    margin-right: 3px;
}

.integral-article .user-integral dd p a {
    font: lighter 14px/27px "Microsoft Yahei";
    color: #FFF;
    text-align: center;
    display: block;
    width: 96px;
    height: 29px;
    border-radius: 3px;
    position: relative;
    box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.25);
    text-decoration: none;
    background-color: #C00;
}

.integral-article .user-integral dd p a:hover {
    background-color: #BB0000
}

.integral-article ul {
    margin-top: 8px;
}

.integral-article ul li {
    width: 200px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    list-style: inside;
    color: #333;
}

.integral-article ul li a {
    color: #333;
    text-decoration: none;
}

.integral_slides {
    width: 968px;
    height: 260px;
    position: relative;
    overflow: hidden
}

.integral_slides li {
    display: block;
    width: 968px;
    height: 260px;
}

.integral_slides li img {
    width: 100%;
    height: 100%;
}

.integral_slides .ks-switchable-nav {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 99;
    width: 100%;
}

.integral_slides .ks-switchable-nav a {
    display: block;
    float: left;
    width: 20%;
    text-decoration: none;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    position: relative;
}

.integral_slides .ks-switchable-nav a span,
.integral_slides .ks-switchable-nav a b {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 99;
}

.integral_slides .ks-switchable-nav a b {
    background: #000;
    opacity: 0.5;
    z-index: 98;
}

.integral_slides .ks-switchable-nav a:hover b,
.integral_slides .ks-switchable-nav .ks-active b {
    background: #fff;
}

.integral_slides .ks-switchable-nav a:hover span,
.integral_slides .ks-switchable-nav .ks-active span {
    color: #000;
}

.password_box {
    padding-bottom: 20px;
    padding-top: 10px;
    margin-top: 20px;
}

.password_box .flowsteps {
    height: 23px;
}

.password_box .flowsteps ol {
    background: none repeat scroll 0 0 #EEEEEE;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.password_box .flowsteps li,
.password_box .flowsteps span {
    background: url(../images/T1kRWCXeNbXXXXXXXX-15-138.png) no-repeat scroll;
    color: #777777;
}

.password_box .flowsteps li {
    float: left;
    font-size: 14px;
    height: 23px;
    line-height: 23px;
    overflow: hidden;
    text-align: center;
}

.password_box .flowsteps span {
    display: block;
}

.password_box .flowsteps .current,
.password_box .flowsteps .current span {
    background-color: #5185B6;
    background-position: 0 -46px;
    color: #FFFFFF;
    font-weight: normal;
}

.password_box .flowsteps .num4 li,
.password_box .flowsteps .num4 .last {
    width: 25%;
}

.password_box .flowsteps li .first {
    background-position: 0 -69px;
}

.password_box .flowsteps .next {
    background-position: 0 -23px;
}

.password_box .flowsteps .next span {
    background-position: 0 -22px;
}

.password_box .flowsteps .last {
    background-position: 100% -92px;
    position: absolute;
    right: 0;
}

.password_box
/*.flowsteps*/

.done span {
    background-color: #CDE0F5;
    background-position: 0 -46px;
    color: #5185B6;
}


/*---- 结束 *******************/


/* login .html, register.html common css */
.page-auth .logo {
    text-align: left;
}

.page-auth .logo span {
    font-size: 26px;
    font-family: 'yahei';
    line-height: 50px;
    margin-left: 40px;
    float: left;
    color: #666;
    font-weight: normal;
}

.page-auth .col-main {
    width: 58%;
    overflow: hidden;
}

.page-auth .col-sub {
    float: right;
    width: 400px;
    color: #666;
}

.page-auth .form .title {
    text-align: left;
    padding: 5px;
    font-size: 18px;
    padding-left: 40px;
    margin: 0 0 15px 0;
    width: 330px;
    font-family: 'yahei'
}

.page-auth .form .title .register {
    font-size: 14px;
    color: #E4393C;
    padding-left: 20px;
    float: right;
}

.page-auth .form .content {
    width: 400px
}

.page-auth .form dl {
    width: 100%;
    /*height:55px;*/
    margin-bottom: 20px
}

.page-auth .form dt,
.page-auth .form dd {
    float: left;
    line-height: 22px;
    position: relative;
}

.page-auth .form dt {
    width: 80px;
    text-align: right;
    font-size: 14px;
    padding-right: 10px;
    line-height: 38px;
    height: 38px;
}

.page-auth .form dt b {
    color: #f00;
    font-weight: normal;
    margin-right: 5px;
}

.page-auth .form dd .input {
    border: 1px solid #cccccc;
    color: #999;
    font-family: arial, "song";
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    padding: 10px 28px 10px 5px;
    width: 300px;
    background: none;
}

.page-auth .form dd .input.focus {
    border: 1px #efa100 solid;
}

.page-auth .form dd .input.hover {
    border: 1px #78B9D9 solid;
}

.page-auth .form dd i {
    height: 16px;
    width: 16px;
    top: 9px;
    position: absolute;
    left: 310px;
    background: transparent url(../images/one4.jpg) no-repeat scroll 0 0;
}

.page-auth .form dd .i-psw {
    background: transparent url(../images/one5.jpg) no-repeat scroll 0 0;
    height: 19px;
}

.page-auth .form dd .i-phone {
    background: transparent url(../images/one6.jpg) no-repeat scroll 0 0;
    height: 21px;
}

.page-auth .form dd .i-email {
    background: transparent url(../images/one5.jpg) no-repeat scroll 0 0;
    height: 19px;
}

.page-auth .form dd .i-captcha {
    left: 210px;
}

.page-auth .form dd i.ok {
    background: #ffffff url(../images/sucess.png) no-repeat scroll center center;
}

.page-auth .form .captcha input,
.page-auth .form .captchaCode input {
    width: 216px;
    margin-right: 4px;
}

.page-auth .form .captcha a {
    display: inline-block;
}

.page-auth .form .validate_right {
    color: #099;
    margin-left: 3px;
}

.page-auth .form label.error,
.page-auth .form label.field_notice {
    margin-left: 5px;
    background: #ffebeb;
    border: 1px solid #ffbdbe;
    color: #E4393C;
    height: 36px;
    line-height: 36px;
    padding: 0 5px;
    display: inline-block;
}

.page-auth .login-submit,
.page-auth .register-submit,
.page-auth .fp-submit {
    cursor: pointer;
    background: #E4393C none repeat scroll 0 0;
    border: 0;
    color: #fff;
    display: block;
    font-family: "Microsoft yahei";
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 340px;
    font-weight: normal;
    text-align: center;
    padding: 0;
    margin: 0;
    border-radius: 0px;
}

.page-auth .login-submit:hover,
.page-auth .register-submit:hover,
.page-auth .fp-submit:hover {
    background: rgba(228, 57, 60, 0.8);
}

.page-auth .register-submit,
.page-auth .fp-submit {
    margin-bottom: 30px;
}

.page-auth .form .captchaCode .btn-captcha {
    width: 133px;
    padding: 9px 0 9px 0;
    border: 1px #ddd solid;
    display: block;
    background: #f1f1f1;
    text-align: center;
    color: #444;
    cursor: pointer
}

.page-auth .tab li {
    border-bottom: 0;
    float: left;
    background: #ddd;
    line-height: 40px;
    height: 40px;
    width: 50%;
    text-align: center;
    cursor: pointer;
    border-top: 1px #ddd solid;
}

.page-auth .tab li a {
    display: block;
    text-decoration: none;
    color: #666;
    font-size: 14px;
}

.page-auth .tab li.active {
    background: #fff;
}


/* login */

#page-login {}

#page-login .form {
    /*border:1px #ccc solid;  padding-bottom:20px;padding-top:20px;*/
    background: #fff;
    margin: 40px 0 40px 0;
    padding: 20px 0 20px 0
}

#page-login .form label.error {
    position: absolute;
    left: 5px;
    top: 10px;
    font-size: 12px;
    margin-left: 2px;
    color: red;
    height: 18px;
    line-height: 18px;
    padding: 0;
    background: none;
    border: 0;
}

#page-login .form dd {
    margin-left: 35px;
}

#page-login .find-password {
    color: #0081EF;
    float: right;
    margin-right: 5px;
}

#page-login .register-now a {
    color: #3566CF;
    font-weight: 600;
    line-height: 26px;
    color: #555;
    background: #fff url(../images/R1CCRNXmRFXXXXXXXX.png) no-repeat scroll -98px -82px;
    text-align: center;
    display: inline-block;
    width: 90px;
    height: 26px;
    margin: 0 6px;
}

#page-login .partner-login {
    padding: 12px 0px;
    margin: 0px 20px;
}

#page-login .partner-login h3 {
    font-weight: normal;
    font-size: 12px;
    padding-bottom: 12px;
    color: #999;
    padding-left: 15px;
}

#page-login .partner-login p {
    padding-left: 15px;
}

#page-login .partner-login p img {
    vertical-align: middle
}


/* find_password.html */
#page-find-password .form form {
    border: 1px #ddd solid;
    padding-top: 30px;
}

#page-find-password .form dt {
    width: 100px;
    padding-left: 50px
}

#page-find-password .form .fp-submit {
    background: #27A9E3;
    border: 0;
    width:252px;
}

#page-find-password .form .fp-submit:hover {
    background: #89D4FF
}

#page-find-password .find-success {
    border: 1px #BBDDAA solid;
    padding: 30px 0 20px 50px;
    height: 91px;
}

#page-find-password .find-success .ico {
    float: left;
    background: url(../images/05.png);
    width: 54px;
    height: 91px;
}

#page-find-password .find-success .text {
    float: left;
    margin-left: 30px;
    line-height: 25px;
}

#page-find-password .find-success .text span {
    font-size: 20px
}

#page-find-password .find-success .text a {
    color: #0033CC;
    text-decoration: none
}


/*register*/
#page-register .auth-header {
    background: url(../images/headbg.jpg) repeat-x center bottom;
    padding-bottom: 30px;
}

#page-register .form {
    padding-top: 30px;
    font-family: yahei
}

#page-register .form dt {
    width: 100px;
    padding-left: 50px;
}

#page-register .form .captchaCode input[type="text"] {
    width: 162px;
}


/*member_bind */
#page-member-bind .form {
    border: 1px #ddd solid;
    border-top: 5px #ddd solid;
}

#page-member-bind .form dt {
    width: 100px;
    padding-left: 50px;
}


/* article */
#page-article .title {
    font-size: 14px;
    color: #3e3e3e;
}

#page-article .content {
    padding: 10px;
    line-height: 30px;
    font-size: 14px;
}

#page-article .article-detail {
    max-width: 100%;
}

#page-article .col-sub {
    float: left;
    width: 231px;
}

#page-article .col-sub .title {
    text-indent: 10px;
    background: #E4393C;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 16px
}

#page-article .col-sub .content {
    padding: 0;
}

#page-article .col-sub .content li {
    background: #eaeaea;
    padding: 5px 15px;
    border-bottom: 1px #f1f1f1 solid;
    position: relative;
    cursor: pointer;
}

#page-article .col-sub .content li a {
    text-decoration: none;
    color: #333;
}

#page-article .col-sub .content li b {
    background: url(../images/down.png) no-repeat center center;
    background-size: 90%;
    top: 7px;
    right: 5px;
    overflow: hidden;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
}

#page-article .col-sub .content li.active b {
    top: 7px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

#page-article .col-sub .content p {
    background: #fff;
    border-bottom: 1px #f1f1f1 dotted;
    padding: 5px 15px;
}

#page-article .col-sub .content p a {
    color: #666;
    text-decoration: none;
    font-size: 12px;
}

#page-article .col-sub .content p:hover {
    background: #f1f1f1;
}

#page-article .col-main {
    float: right;
    width: 959px;
}

#page-article .col-main .title {
    font-weight: normal;
    font-size: 12px;
    height: 33px;
    overflow: hidden;
    text-align: left;
    border-bottom: 1px #ddd dotted;
    margin-bottom: 20px;
    font-size: 16px;
}

#page-article .col-main .title a {
    font-size: 12px;
}

#page-article .col-main .content {
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 10px 30px 20px 30px;
}
#page-article .col-main .content a{
    color:#1073a1;
}

#page-article .article-info {
    text-align: center;
    border-bottom: 1px #ddd dotted;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#page-article .article-info h1 {
    font-size: 16px;
    color: #333
}

#page-article .article-info h2 {
    color: #999;
    font-weight: normal;
}

#page-article .more-article h3 {
    font-weight: normal;
}

#page-category .title {
    border-bottom: 2px #f33100 solid;
    padding-left: 10px;
}

#page-category .title a {
    display: inline-block;
    background: url(../images/shop_nav.gif) right -25px;
    height: 25px;
    line-height: 25px;
    cursor: pointer
}

#page-category .title a:hover {
    color: #f33100;
    text-decoration: none
}

#page-category .title a span {
    display: inline-block;
    background: url(../images/shop_nav.gif) 0 0;
    height: 25px;
    padding-left: 15px;
    padding-right: 15px;
}

#page-category .title a.active {
    background-position: right -75px;
    color: #fff;
    font-weight: bold
}

#page-category .title a.active:hover {
    color: #fff;
}

#page-category .title a.active span {
    background-position: 0 -50px;
}

#page-category dl {
    line-height: 25px;
}

#page-category dl dt {
    background: #F7F9FC;
    padding-left: 10px;
}

#page-category dl dt,
#page-category dl dd {
    border: 1px #E1E7F5 solid;
}

#page-category dl dd {
    border-top: 0;
    padding: 10px;
}

#page-category dl dd a {
    margin-right: 10px;
    display: inline-block
}


/* brand.index.html */

#page-brand .content {
    width: 1180px;
    padding: 9px;
    text-align: left;
}

#page-brand .content dl {
    margin: 8px;
    text-align: center;
    _display: inline;
    height: 75px;
    overflow: hidden
}

#page-brand .content dl .pic {
    width: 100px;
    height: 50px;
    border: 1px #ddd solid;
}

#page-brand .content dl .desc {
    margin-top: 5px;
}

#page-brand .content dl img {
    display: block
}


/* 搭配套餐 */

.mealinfo {
    border: 1px solid #ddd;
    width: 1198px;
    margin-bottom: 10px;
    font-family: 'Microsoft yahei';
}

.mealinfo .title {
    background: #f5f5f5;
    height: 48px;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.mealinfo .title .price {
    float: left;
    width: 500px;
    line-height: 25px;
    display: table-cell;
    font-family: Arial, Helvetica, sans-serif
}

.mealinfo .title .price span {
    vertical-align: middle
}

.mealinfo .title .price span.txt {
    font-size: 14px;
}

.mealinfo .title .price strong {
    background: url(../images/20130604A.png) no-repeat scroll 0 5px;
    height: 25px;
    line-height: 25px;
    padding-left: 56px;
    display: inline-block;
    font-size: 25px;
    font-weight: normal;
    color: #E4393C;
    vertical-align: middle;
    margin-left: 5px;
}

.mealinfo .title_top .sale {
    float: left;
    background: url(../images/20121123A.jpg) no-repeat scroll 0 0;
    height: 103px;
    width: 177px;
    margin-top: -11px;
    position: relative;
}

.mealinfo .title_top .sale b {
    position: absolute;
    bottom: 30px;
    left: 40px;
    color: #fff;
    font-family: arial;
    font-size: 19px;
    height: 30px;
    width: 100px;
    text-align: center;
    font-weight: normal
}

.mealinfo .title .desc {
    color: #999;
    float: right;
    height: 40px;
    line-height: 20px;
    width: 320px;
}

.mealinfo .content {
    padding: 30px 0px 0px 0px;
}

.mealinfo .content .box {
    padding: 0 20px 0 20px;
}

.mealinfo .content h3 {
    color: #ff6600;
    font: 18px/30px "microsoft yahei";
    height: 30px;
    padding-top: 10px;
}

.mealinfo .content .goodsbox {
    padding: 15px 0;
    width: 1160px;
    border-bottom: 1px #ddd dotted
}

.mealinfo .content .goodsbox-last {
    border-bottom: 0;
    margin-bottom: 50px;
}

.mealinfo .content .goodsbox .pic {
    margin-right: 15px;
    width: 160px;
    height: 160px;
    border: 1px #fafafa solid;
}

.mealinfo .content .goodsbox .desc h2 a {
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
}

.mealinfo .content .goodsbox .handle {
    background: none;
    border: 0;
}

.mealinfo .content .goodsbox .rate {
    padding: 0;
    margin-top: 5px;
    font-size: 14px;
}

.mealinfo .content .goodsbox .desc {
    width: 900px;
}

.mealinfo .content .goodsbox .desc strong {
    color: #ff6600;
    font-size: 16px;
    margin-right: 10px;
    font-weight: normal
}

.mealinfo .content .goodsbox .desc .price {
    color: #E4393C;
    font-size: 16px;
    font-weight: normal
}

.mealinfo .btitle {
    border-color: #ddd;
    border-style: solid;
    border-width: 3px 2px;
    width: 1174px;
}

.mealinfo .btitle .price {
    width: 600px;
}

.mealinfo .btitle .buy {
    float: right;
    width: 140px;
    height: 53px;
}

.mealinfo .fixed {
    position: fixed;
    bottom: 0;
    top: auto;
    z-index: 11;
}

.mealinfo .btn_c1 {
    background: url(../images/btn_cat.gif) no-repeat scroll 0 0;
    display: block;
    height: 53px;
    line-height: 53px;
    width: 140px;
    border: 0;
    cursor: pointer
}

.mealinfo .btn_c1:hover {
    background-position: 0 -53px;
}

.mealinfo .handle {
    border-top: 1px dotted #ddd;
    padding-top: 10px;
}

.mealinfo .handle .handle_title {
    text-align: right;
    font-family: simsun;
    margin-right: 3px;
    margin-top: 8px;
}

.mealinfo .handle ul {
    width: 700px;
    margin-bottom: 10px;
}

.mealinfo .handle ul li {
    float: left;
}

.mealinfo .handle ul li a {
    border: 1px solid #ccc;
    background: #fff;
    margin: 2px 8px 2px 0;
    display: inline-block;
    padding: 6px 10px 6px 10px;
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.mealinfo .handle ul li.solid a,
.mealinfo .handle ul a:hover {
    background: url(../images/newicon20140417_03.png) no-repeat bottom right #fff;
    padding: 5px 9px 5px 9px;
    border: 2px solid #E4393C;
}

.voucher_center .list ul {
    width: 1250px;
}

.voucher_center .list li {
    width: 378px;
    margin: 0 25px 20px 0;
    font-family: "Microsoft YaHei";
    border: 1px solid #f2f2f2;
    background: #fff;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .04);
}

.voucher_center .list li>* {
    height: 145px;
    position: relative;
}

.voucher_center .list li .lp img {
    display: block;
    width: 104px;
    height: 104px;
    margin: 20px;
    border: 1px solid #f1f2f6;
    transition: all .2s ease-in-out, opacity 1s;
}

.voucher_center .list li .mp {
    float: left;
    z-index: 2;
    width: 170px;
    height: 120px;
    padding: 10px 0 15px;
    color: #333;
    outline: 0;
}

.voucher_center .list li .ins i {
    position: absolute;
    z-index: 3;
    display: block;
    width: 18px;
    height: 9px;
    overflow: hidden;
    right: 42px;
}

.voucher_center .list li .ins .i1 {
    top: -1px;
    background-position: 0 -9px;
}

.voucher_center .list li .ins .i2 {
    bottom: -1px;
    background-position: 0 0;
}

.voucher_center .list li .rp .wp {
    position: absolute;
    background-color: #fb0f3a;
    background-image: -moz-linear-gradient(top, #fb0f3a, #f02353);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fb0f3a), color-stop(1, #f02353));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fb0f3a', endColorstr='#f02353', GradientType='0');
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fb0f3a', endColorstr='#f02353');
    background-image: linear-gradient(to bottom, #fb0f3a 0, #f02353 100%);
    top: 0;
    right: 0;
    width: 52px;
    height: 145px;
}

.voucher_center .list li .rp .wp a {
    display: block;
    width: 52px;
    height: 100%;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    position: relative;
}

.voucher_center .list li .rp .wp a .text {
    position: relative;
    display: block;
    top: 25px;
    width: 20px;
    margin: 0 auto;
    font-size: 14px;
}

.voucher_center .list li .rp .wp a:hover {
    background: #f60;
}

.voucher_center .list li .rp .wp a .line {
    position: absolute;
    z-index: 2;
    top: 0;
    left: -1px;
    display: block;
    width: 3px;
    height: 100%;
}

.voucher_center .list li .mp .value {
    width: 170px;
    height: 45px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f23030;
    line-height: normal;
}

.voucher_center .list li .mp .value i {
    display: inline-block;
    font-size: 18px;
    vertical-align: top;
    margin: 16px 3px 0 0;
    font-weight: 400;
    font-family: arial;
}

.voucher_center .list li .mp .value span {
    display: inline-block;
    font-size: 34px;
    vertical-align: top;
}

.voucher_center .list li .mp .can em {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    padding: 0 5px;
    ;
    background: #fff4ec;
}

.voucher_center .list li .mp .type {
    height: 15px;
    line-height: 18px;
    overflow: hidden;
    font-size: 12px;
    margin: 5px 0;
    cursor: default;
}

.voucher_center .list li .mp .count span {
    position: relative;
    width: 90px;
    height: 9px;
    margin-top: 5px;
    border-radius: 5px;
    background: #eee;
    display: inline-block;
}

.voucher_center .list li .mp .count span i {
    background: #ffb2b2;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 8px;
    border-radius: 5px;
}


/*********************************  以上为统一模板页面风格的样式代码，如果没有必要（除了修改宽度高度等），不要修改上面的代码 *******************/


/*********************************  以下为购物车到交易完成结束的页面代码，如果没有必要（除了修改宽度高度等），不要修改下面的代码 *******************/


/* cart.empty */

#page-cart {}

.empty-notice {
    margin-top: 80px;
    margin-bottom: 80px;
}

.empty-notice .empty-ico,
.empty-notice .empty-text {
    float: left;
}

.empty-notice .empty-ico {
    background: url(../images/cart_empty.png) no-repeat;
    width: 83px;
    height: 93px;
    margin-right: 50px;
    margin-left: 50px;
}

.empty-notice .empty-text {
    line-height: 25px;
    margin-top: 20px;
}

.empty-notice .empty-text a {
    color: #0033CC;
    text-decoration: none
}

.cartbox .title {
    background: url(../images/03.png) 0 -203px;
    height: 37px;
    overflow: hidden
}

.cartbox .title span {
    float: left;
    width: 195px;
    text-align: center;
    display: inline-block;
    line-height: 35px;
}

.cartbox .title span.sellect-all {
    text-align: left;
    padding-left: 11px;
}

.cartbox .title span.col-desc {
    width: 200px;
    text-align: left
}

#page-order .cartbox .title span.col-desc {
    width: 380px;
    text-align: center
}

#page-order .cartbox .title span.col-promotion-type {
    width: 250px;
}

#page-order .cartbox .title span.col-subtotal {
    width: 150px;
    text-align: right
}

.cartbox .store-each .store-name {
    border-bottom: 1px #BAD8FA solid
}

.cartbox .goods-each {
    border: 1px #BAD8FA solid;
    border-top: 0;
    padding: 5px;
    width: 99%;
}

.cartbox .goods-each .select {
    line-height: 48px;
    _padding-top: 10px;
    _display: inline
}

.cartbox .goods-each dd {
    float: left;
    margin: 5px;
}

.cartbox .goods-each dd.desc p {
    width: 310px;
    line-height: 16px;
    height: 32px;
}

.cartbox .goods-each dd.desc a,
.cartbox .goods-each dd.handle a,
.cartbox .store-each .store-name a {
    color: #0033CC;
    text-decoration: none
}

.cartbox .goods-each dd.price,
.cartbox .goods-each dd.quantity,
.cartbox .goods-each dd.subtotal,
.cartbox .goods-each dd.handle,
.cartbox .goods-each dd.promotion {
    line-height: 48px;
    width: 184px;
    color: #3e3e3e;
    text-align: center
}

.cartbox .goods-each dd.promotion {
    width: 250px;
}

.cartbox .goods-each dd.pic {
    border: 1px #ddd solid
}

.cartbox .goods-each dd.price {}

.cartbox .goods-each dd.quantity {}

.cartbox .goods-each dd.subtotal {
    color: #E4393C;
}

.cartbox .goods-each dd.handle {
    line-height: 24px;
}

#page-order .cartbox .goods-each dd.subtotal {
    width: 140px;
    text-align: right
}

.cartbox .goods-each dd.quantity input {
    border: 1px #bbb solid;
    width: 50px;
    text-align: center;
    height: 23px;
    line-height: 23px;
    border-radius: 3px;
}

.cartbox .goods-each dd.quantity img {
    cursor: pointer
}

.cartbox .cart-amount {}

.cartbox .cart-amount .price {
    font-size: 20px;
    background: #E4393C;
    color: #fff;
    font-weight: normal;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
}

.cartbox .cart-amount .price s {
    text-decoration: none;
    vertical-align: bottom
}

.cartbox .cart-amount .btn {
    background: url(../images/order.png) #C4393C no-repeat 0 2px;
    padding-left: 32px;
    width: 140px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    border: 0;
}

.cartbox .cart-amount .btn:hover {
    color: #fff;
    background: url(../images/order.png) #A4393C no-repeat 0 2px;
}

.cartbox .cart-amount .back {
    color: #0033CC;
    text-decoration: none
}

.cartbox .btn-batch {
    float: left;
}

.cartbox .btn-amount {
    float: right;
    text-align: right
}

.cartbox .btn-batch a {
    margin-right: 10px;
    display: inline-block;
    width: 71px;
    height: 26px;
    background: url(../images/03.png) -154px -41px;
    color: #666;
    line-height: 26px;
    padding-left: 0;
    text-decoration: none;
    text-align: center
}

.interest {
    position: relative
}

.interest .title {
    border: 1px #ddd solid;
    padding: 5px;
    color: #666;
}

.interest .arr {
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    _left: -5px;
    top: 0;
    background: url(../images/02.png) 0 -275px;
}

.interest .content {
    width: 1179px;
    padding: 15px 10px;
    border: 1px #ddd solid;
    border-top: 0;
}

.interest .content dl {
    width: 170px;
    padding-left: 13px;
    padding-right: 13px;
}

.interest .content dt a {
    display: block;
    border: 1px #EAEAEA solid;
    padding: 4px
}

.interest .content dt a:hover {
    border: 1px #ccc solid
}

.interest .content .price em {
    background: url(../images/T1ebamXel5XXXXXXXX-20-2400.png) -5px -81px no-repeat;
    padding-left: 16px;
    color: #f33100;
    font: 400 16px Arial;
    float: left;
}

.interest .content .price span {
    float: right;
    line-height: 20px;
    color: #404040;
}

.interest .content .desc {
    height: 40px;
    overflow: hidden;
    margin-bottom: 5px;
}

.interest .content .desc a {
    color: #3366CC;
    line-height: 18px;
    display: block;
    height: 40px;
    margin-top: 5px;
    word-break: break-all
}

.interest .content .desc a:hover {
    color: #f33100
}


/* order.shipping.html*/

#select-address .title a {
    color: #0033CC;
    text-decoration: none;
}

#select-address dl {
    float: left;
    padding: 11px 15px;
    cursor: pointer;
    width: 242px;
    height: 84px;
    margin: 10px 20px 10px 0;
    position: relative;
    color: #666;
    cursor: pointer;
    background: url(../images/T1VPiBXvpeXXbjLKQ7-272-106.jpg) no-repeat;
}

#select-address dl.selected_address,
#select-address dl:hover {
    background: url(../images/T1fuaCXxFdXXbjLKQ7-272-106.jpg) no-repeat;
}

#select-address dt {
    border-bottom: 1px #f2f2f2 solid;
    width: 242px;
    height: 22px;
    line-height: 22px;
    overflow: hidden
}

#select-address dd {
    width: 207px;
    height: 45px;
    overflow: hidden;
    line-height: 22px;
}

#select-address .btn-new-addr {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-width: 0 1px;
    border-radius: 2px;
    background: #ccc url(../images/btn-addr.png) 0 -380px repeat-x;
    cursor: pointer;
    color: #333;
    height: 25px;
    line-height: 25px;
    font-weight: normal;
    text-decoration: none;
}

#select-address .deftip {
    position: absolute;
    top: 1px;
    right: 2px;
    padding: 0px 2px;
    text-decoration: none;
    filter: alpha(opacity=70);
    opacity: .7;
    z-index: 3;
    background: #ccc;
    color: #fff;
    display: inline-block;
    display: none;
}

#select-address dl .curmarker {
    display: none
}

#select-address dl.selected_address .curmarker {
    display: inline-block;
    position: absolute;
    width: 28px;
    height: 28px;
    background: url(../images/T1lAPdFOVXXXcb7s2x-30-600.png) no-repeat 0 -272px;
    right: 2px;
    bottom: 0;
}

#select-address dl .btn-modify {
    color: #c97;
    text-decoration: none;
    display: none;
}

#select-address dl.selected_address .btn-modify {
    display: inline-block;
    color: #c97;
    text-decoration: none;
}

#select-shipping .title {
    border-bottom: 1px #ddd solid;
    line-height: 30px;
}


/* order.postscript.html, order.amount.html */

.order-confirm-extra {
    background: #F2F7FF;
    color: #404040;
}

.price em {
    font: 18px tahoma;
    color: #E4393C;
}

.price i {
    font-family: Arial;
    font-size: 14px;
    margin-right: 4px;
    font-style: normal;
    color: #999;
    vertical-align: middle
}

.icon-remark {
    background: url(../images/T1aupnXeFfXXXXXXXX-12-10.png) no-repeat;
    display: inline-block;
    width: 12px;
    height: 10px;
    position: relative;
    cursor: pointer;
}

.remark-body {
    position: absolute;
    left: -50px;
    top: 20px;
    font-style: normal;
    border: 1px #ddd solid;
    background: #f1f1f1;
    padding: 2px;
    width: 160px;
    z-index: 99
}

.remark-body .box {
    background: #fff;
    padding: 5px;
    text-align: center;
}

.store-amount-fields em {
    text-align: right;
    margin-right: 7px
}

.postscript {
    width: 670px;
}

.postscript textarea {
    border: 1px #7F9DB9 solid;
    width: 400px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #666;
    background: #fff;
}

.postscript .max-textarea {
    height: 72px;
    border: 1px #f60 solid;
    color: #000;
}

.confirm-extra-info {
    width: 500px;
}

.confirm-extra-info .extra-list {
    height: 22px;
    border: 1px #fff solid;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 0;
    border-right: 0;
}

.confirm-extra-info .subtitle {
    width: 100px;
    text-align: right
}

.confirm-extra-info .subcontent {
    width: 250px;
}

.confirm-extra-info .fee em {
    font-family: Tahoma, Geneva, sans-serif;
    color: #E4393C;
}

.confirm-extra-info .use-integral {
    border-bottom: 0;
}

.confirm-extra-info .use-integral .integral-input {
    width: 80px;
}

.order-confirm-extra .confirm-extra-bottom {
    border-top: 1px #fff solid;
    border-bottom: 1px #80B2FF dotted;
    height: 54px;
    line-height: 54px;
    text-align: right
}

.price-notice {
    float: right;
    color: #404040;
}

.price-notice span.yellow {
    text-align: right;
    border: 0;
    background: url(../images/member/T1CqmcXllwXXXXXXXX-64-1800.png) no-repeat scroll 3px -195px #fff;
    display: inline-block;
    padding: 7px 10px 10px 22px;
}

.address-confirm {
    float: right;
    text-align: right;
    border: 1px #F50 solid;
    background: #FFF0E8;
    padding: 3px;
    display: inline-block
}

.address-confirm .box {
    background: #fff;
    padding: 10px 25px 10px 25px;
    line-height: 25px;
    color: #404040
}

.address-confirm .price em {
    font-size: 26px;
    vertical-align: middle;
}

.address-confirm .price i {
    font-size: 26px;
}

.make_sure {
    float: right
}

.make_sure strong {
    font-weight: bold;
    font-size: 20px;
    color: #E4393C;
}

.make_sure .back {
    display: inline-block;
    color: #0033CC;
    background: url(../images/back-cart.png) no-repeat;
    padding-left: 16px;
}

.make_sure .btn-step {
    background: #F50;
    width: 125px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
}

.make_sure .btn-step:hover {
    color: #fff;
    background: #F52A00
}

.cashier .order_info {
    border: 1px #BBDDAA solid;
    padding: 30px 0 20px 150px;
    height: 91px;
}

.cashier .order_info .ico {
    float: left;
    background: url(../images/05.png);
    width: 54px;
    height: 91px;
}

.cashier .order_info .ico.defeated {
    background: url(../images/defeated.gif) no-repeat;
}

.cashier .order_info .text {
    float: left;
    margin-left: 30px;
    line-height: 25px;
    font-weight: normal;
    font-size: 12px;
    color: #ddd;
}

.cashier .order_info .text h4 {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 10px;
    color: #444;
    margin-left: 15px;
}

.cashier .order_info .text span {
    font-size: 20px
}

.cashier .order_info .text a {
    color: #0033CC;
    text-decoration: none;
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
}

.cashier .buy .defray {
    width: 968px;
    line-height: 47px;
}

.cashier .buy .defray .radio {
    margin-top: 15px;
}

.cashier .buy .defray dd {
    width: 968px;
}

.cashier .buy .defray dd p {
    margin-left: 20px;
}

.cashier .buy .defray .logo {
    display: inline-block;
    border: 1px #ddd solid;
    width: 125px;
    height: 47px;
    text-align: center
}

.payform {
    border: 1px #ddd solid
}

.payform .title {
    border-bottom: 1px #ddd solid
}

.payform .btn-step {
    background: url(../images/T1JXrIXoXkXXa.AtHl-250-270.png) no-repeat;
    width: 125px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    border: 0;
    cursor: pointer
}


/* eject_layer */

#html {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #000;
    -moz-opacity: 0.2;
    opacity: .20;
    filter: alpha(opacity=20);
}

.eject_con {}


/* 1 */

.eject_con .add {
    /*width: 538px; */
    padding: 20px;
    overflow: hidden;
}

.eject_con .add ul {
    width: 538px;
    overflow: hidden;
}

.eject_con .add li {
    width: 538px;
    overflow: hidden;
    float: left;
    padding-bottom: 10px;
}

.eject_con .add li h3 {
    float: left;
    width: 80px;
    color: #646665;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
}

.eject_con .add li p {
    float: left;
}

.eject_con .add li p span {
    color: #b4b4b4;
    padding-left: 10px;
}

.eject_con .add .submit {
    /* width: 458px; */
    padding: 10px 0 0 80px;
}

.eject_con .add .submit .btn {
    border: 0;
    width: 120px;
    height: 32px;
    background: #19ACF7;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
}

#warning {
    border: red 1px solid;
    background: #FFB7B7;
    color: #000;
    padding: 3px 10px;
    margin-bottom: 10px;
    display: none;
    color: #000;
    font-weight: normal;
}

#warning label {
    display: block;
    margin: 3px 0px;
}

#warning label.error {
    color: #000;
    font-weight: normal;
}


/*****************  以上为购物车到交易完成结束的页面代码，如果没有必要（除了修改宽度高度等），不要修改上面的代码 ---- 结束 ***************/
